Skip to content

Latest commit

 

History

History
57 lines (42 loc) · 1.56 KB

File metadata and controls

57 lines (42 loc) · 1.56 KB

Sidenav

See it on NPM! How big is this package in your project? Storybook

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