Sheet
Extends the Dialog component to display content that complements the main content of the screen.
Installation
$npx maddex add Sheet
Basic
The baseline sheet pattern mirrors the default shadcn example: a trigger, a content panel, and a short form in the footer.
Preview
Controlled
Use open and on-open-change when the page needs to reflect the sheet state outside the overlay.
Preview
Notification routing
Control inbox, billing, and support alerts from a single sheet.
Sheet State
{notificationSheetStateLabel}{notificationSheetStateCopy}
Side
Follow the shadcn side example to move the sheet between the top, right, bottom, and left edges of the viewport.
Preview