Paneles que entran sobre la pantalla actual — desde un prompt rápido hasta un flujo multi-step. La elección depende de cuánta plomería necesita el contenido.
Guidelines
When to use
Short, single-step prompts — confirmations, action menus, lead capture, simple modals. Bottom on mobile, centered on desktop. Reach for this first when the interaction is one screen.
When not to use
Not for multi-step flows (FlowSheet plumbs header/footer/scroll). Don’t pick "centered modal" on desktop when the content is a flow — go side panel via FlowSheet.
Guidelines
When to use
Any flow that needs a panel — multi-step or single-step content with header, scrollable content, and footer. Side panel (480px) on desktop, fullscreen on mobile. Inherits the polished chrome (glass-fade footer, keyboard-aware hide, section navigation context).
When not to use
Not for short single-step prompts that don’t need scroll/footer plumbing — that’s Overlay.
Guidelines
When to use
Mobile-only base primitive. FlowSheet uses it underneath.
When not to use
Don’t reach for it directly in product code — FlowSheet is the consumer surface and gives you the polished chrome for free.