Drawer

A panel that slides in from the edge of the screen, commonly used for navigation, details, or forms.

Examples

Drawer with left and right positions

<wdc-button (click)="isLeftDrawerOpen = true">Left Drawer</wdc-button>
<wdc-button (click)="isRightDrawerOpen = true">Right Drawer</wdc-button>

Input	Type	Default	Description
isOpen	boolean	false	Whether the sidebar is open or not.
position	'left' \| 'right'	'left'	Position of the sidebar.
closeOnBackdropClick	boolean	true	Whether to close the sidebar when clicking on the backdrop.
close	void	undefined	Callback function to be called when the sidebar is closed.