Dialog — Form

block

Collects user input without navigating away from the page. Uses purpose="form" so clicking the backdrop won't close it. Use for editing profiles, creating items, or updating settings inline.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-dialog-form.json"

Sign In

Dialog — Form

block

Collects user input without navigating away from the page. Uses purpose="form" so clicking the backdrop won't close it. Use for editing profiles, creating items, or updating settings inline.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-dialog-form.json"

components/astryx/examples/DialogFormDialog.tsx