Drawer
A drawer component that slides in from the edge of the screen.
Installation
$npx maddex add Drawer
Basic
Start with an uncontrolled drawer when the trigger and content can manage their own open state.
Preview
Controlled
Pass open and on-open-change when the surrounding page needs to respond to the drawer state.
Preview
Launch handoff
Keep the page-level status in sync while the team reviews the rollout notes.
Drawer State
{handoffDrawerStatus}
{handoffDrawerCopy}
Right Side
Change the drawer direction when supporting content should stay docked to the side instead of sliding up from the bottom.
Preview