- Get Started
- Product
- Resources
- Tools & SDKs
- Reference
Menu
- Get Started
- Product
- Resources
- Tools & SDKs
- Reference
Prompt
Displays a dialog triggered by a button
Was this example helpful?
Usage#
1<Prompt>2 <Prompt.Trigger>Trigger</Prompt.Trigger>3 <Prompt.Content>4 <Prompt.Header>5 <Prompt.Title>Title</Prompt.Title>6 <Prompt.Description>Description</Prompt.Description>7 </Prompt.Header>8 <Prompt.Footer>9 <Prompt.Cancel>Cancel</Prompt.Cancel>10 <Prompt.Action>Delete</Prompt.Action>11 </Prompt.Footer>12 </Prompt.Content>13</Prompt>
API Reference#
Prompt
This component is based on the Radix UI Alert Dialog primitives.
Prop | Type | Default |
---|---|---|
variant | "danger" | "confirmation" | "danger" |
Was this page helpful?
Prompt.Header
This component is based on the div
element and supports all of its props
Prompt.Footer
This component is based on the div
element and supports all of its props