sidenav-tria

This library is compatible with Angular version 10+

Usage no npm install needed!

<script type="module">
  import sidenavTria from 'https://cdn.skypack.dev/sidenav-tria';
</script>

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