Introduction

A bottom sheet that behaves like a dialog

A sheet is useful only when its visual movement and interaction model agree. Version 5 connects naming, focus, dismissal, layout, gestures, and motion through one compound component contract.

Start with Sheet.Root, render a title inside the content, and choose whether the surrounding page should be inert. The default modal behavior is the right choice for focused tasks.

Run the basic sheet recipe

Deliberate boundaries

• Application state controls open and snap destinations when needed.
• The animation engine stays behind the public component API.
• Mechanical CSS and the optional visual theme are separate entry points.
• Library selectors use the rsbs namespace.

These boundaries let an application replace visuals or coordinate state without taking ownership of focus management and gesture cleanup.