Sheet
Storybook
A panel that slides in from the edge of the screen. Extends the
<dialog> pattern used by Dialog and AlertDialog.
Unifies shadcn Sheet + Drawer into one component.
Basic (Client-only)
Right-side sheet with an edit profile form. Uses
show_sheet/1 and hide_sheet/1 helpers.
All Sides
Sheets can slide in from any edge. Use the side attribute.
With Handle (Drawer Style)
Bottom sheet with handle attribute for a visual drag handle bar.
This covers the Drawer use case.
Server-controlled
Server opens and closes the sheet. Uses the
:if + show pattern.
Server state:
show=false, result=nil