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 |