@finastra/sidenav

Sidenav

Simple wrapper for Material's Drawer web component.

Usage

Import

npm i @finastra/sidenav

import '@finastra/sidenav';
...
<fds-sidenav type="">
   <div slot="sidenavContent">
    Sidenav content
  </div>
  <div slot="navigation">
    Navigation content
  </div>
  <div slot="appContent">
    App Content
  </div>
</fds-sidenav>

API

Properties

Property	Attribute	Type	Default
type	type	""|"dismissible"|"modal"	""

Methods

Method	Type
registerEventLister	(): void

Slots

Name	Description
appContent	Content of the app
navigation	Navigational elements
sidenavContent	Content of the sidenav