Radix
Animated
A 2nd-order composition of Dialog + Button. Provides a standard form dialog pattern with title, description, content area, and submit/cancel footer. Supports loading state and destructive variant.
Edit dialog
import { FormDialog } from '@primstack/ui/form-dialog'
<FormDialog
trigger={<Button>Edit</Button>}
title="Edit item"
onSubmit={handleSave}
>
<Input label="Name" />
</FormDialog>Create entity
import { FormDialog } from '@primstack/ui'
<FormDialog
title="Create Project"
trigger={<Button>New Project</Button>}
onSubmit={handleCreate}
>
<Input placeholder="Project name" />
</FormDialog>