Sidenav-tria NPM

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