Sidenav page

This library is compatible with Angular version 10+

Usage

First you will need to install bootstrap in your project

npm i bootstrap
@import "~bootstrap/dist/css/bootstrap.min.css";

To use this component follow the steps below.

npm i sidenav-tria
import module SidenavTriaModule
import page <tria-SidenavTria></tria-SidenavTria>

<tria-SidenavTria>
    <!-- you html menu  -->
</tria-SidenavTria>

Inputs

We can pass some parameters, follow below what they are

| Name | Type | Default | Description | | ------------ | -------- | ------- | ---------------------------------------------------------------------------------- | | logo | string | logotipo-triasoftware.png | logotipo | | userName | string | Tria | user name | dropdownMenuObj | object |{languageHeader: 'Idioma',languageCurrent: 'pt-BR',languageEn: "Inglês",languageBr: "Português", languageAccount: 'Minha Conta', languageLogout: 'Sair'} | labels values

Outputs

We can pass some events, follow below what they are

| Name | Type | Default | Description | | ------------ | -------- | ------- | ---------------------------------------------------------------------------------- | | dropdownMenuActionLanguage | EventEmitter | none | change language | | dropdownMenuActionLogout | EventEmitter | none | action logout | dropdownMenuActionProfile | EventEmitter | none | action my profile