← All components
Overlays / Component
Dialog
Uses a native modal dialog for focus containment, Escape dismissal, and returning focus to the opener.
A little space to focus.
Make it part of your build
Use the real component.
The preview uses the same React components and CSS available in the Code view.
- Copy Components into
src/components/vault/kit.tsx. - Copy Styles into
src/styles/vault-kit.module.css. - Import the component using the Usage example. Add Your theme to a parent to carry your colors across.
React + TypeScript + CSS Modules. The import alias @/ points to src/; adjust it for your project.