README
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 |