UI / Components / layout / Modal

Modal

32px close, single-at-a-time, portal-rendered.

Standard modal shell. 32px close target, smooth enter/exit transitions, single-at-a-time registry (a new modal auto-closes the previous one). Portal-rendered to escape transform stacking contexts.

$npx dock-ui add modal

Usage

import { Modal } from "@/components/ui/modal";

<Modal open={open} onOpenChange={setOpen} title="Invite teammate">
  <InviteForm />
</Modal>

Install

via CLI
$ npx dock-ui add modal
Writes the file(s) directly to your components/ui/ folder. You own the code.
For agents
curl -L https://ui.trydock.ai/r/modal.json
Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.
← All components
Themes·Component kit · glossary
View on GitHub →