Examples

Modal dialog

Click the Open dialog button to open a modal wired entirely with Action. The backdrop fades and the box scales in, each a Transition child the Dialog orchestrates. Close it with the button, the backdrop, or Esc.

Drawer

A drawer is just a Dialog. The panel is anchored to the right edge with plain classes (absolute inset-y-0 right-0 w-80) and slides in via an optional ViewTransition child, which stays smooth even in Firefox. Both the position and the slide direction are author-controlled; the library ships no drawer component. See Building a drawer.