Drawer

Display content that opens from the left or right side of the screen..

Code

import { Drawer } from 'trinidad-ui';

// Default
<Drawer position="right" isOpen onDimmerClick={callback function}>
  {/* Drawer content */}
</Drawer>

// Dimmer disabled
<Drawer position="right" isOpen isDimmerDisabled onDimmerClick={callback function}>
  {/* Drawer content */}
</Drawer>

// Auto fold drawer on small and medium screens
<Drawer autoFold position="right" isOpen isDimmerDisabled onDimmerClick={callback function}>
  {/* Drawer content */}
</Drawer>

Properties

Prop name	Type	Default value	Description
isDimmerDisabled	bool	false	If dimmer should be present.
isOpen	bool	false	Open or closed dimmer.
position	string	left	Position of drawer, left or right.
children	node		Content.
className	string		Add custom class.
onDimmerClicked	func		Callback when dimmer is clicked.

Accessibility