AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Alerts and sheets

Sheet

The panel that slides up from the bottom, at half or full height.

Loading preview…

When to use

Use a sheet for a focused task that keeps the current screen in view, like composing a message, filtering results, or showing details. Use the half-height size for quick tasks and full height for longer ones.

Props

PropValuesDescription
data-detent"medium" | "large"Half or full height.
--sheet-hpx or %Custom height.