@s-ui/react-molecule-drawer v4.10.0

MoleculeDrawer

Description

Drawers can toggle open or closed. Closed by default, the drawer opens above all other content. The Drawer can be cancelled by clicking the overlay or pressing the Esc key. They are used to display contextual information over the current content, like the user menu in a mobile web-page.

Installation

$ npm install @s-ui/react-molecule-drawer

Usage

Basic usage

Import package and use the component

import MoleculeDrawer from '@s-ui/react-molecule-drawer'

return (<MoleculeDrawer isOpen/>)

Import the styles (Sass)

@import '~@s-ui/theme/lib/index';
// @import 'your theme';
@import '~@s-ui/react-molecule-drawer/lib/index';

Find full description and more examples in the demo page.