Forms
ApprovalCard
A human-in-the-loop approval widget with radio or checkbox option selection, optional risk level badge, custom text input, and approve / reject callbacks.
Preview:1280px
Deploy to production?
The agent wants to push the compiled build to the production cluster. This action is irreversible.
Approve
Proceed with deployment immediately.
Deploy to staging first
Run smoke tests before going live.
Reject
Cancel the deployment entirely.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | - | Heading text for the card. |
| description | string | - | Supporting detail shown below the title. |
| options | ApprovalOption[] | - | Selectable choices to show. |
| type | 'radio' | 'checkbox' | 'radio' | Single or multi-select mode. |
| allowCustom | boolean | false | Show a free-text input option. |
| onApprove | (selected: string[]) => void | - | Fired with selected option IDs on approve. |
| onReject | () => void | - | Fired when the user clicks Reject. |