examples / basic
Basic sheet
Start with local state and a content-sized destination.
All recipesLive package
Preview
Phone viewport: 390 × 780
Loading preview…
Prerequisites
- React 19 and the package default stylesheet.
Behavior
- Root keeps open state locally and sizes to its content.
Accessibility notes
- Sheet.Title names the dialog and Sheet.Description explains its purpose.
- Focus returns to the trigger after the sheet closes.