system
400.wtf

Components / Actions

Dialog

A modal panel (Reka UI): focus trap, Esc, scroll lock; a sheet from the bottom on phones, centered from 600px.

layer
Actions
phase
Época
status
Shipped
runtime
Needs hydration

Usage

import Dialog from "@400/ds/components/Dialog";

Source: packages/ds/src/components/Dialog/

Examples

Hydrated opens from its trigger · Esc and the close button dismiss it

v-model:open: false