Help

Prompt

Displays a dialog triggered by a button

Was this example helpful?

Usage#

Code
import { Prompt } from "@medusajs/ui"

Code
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 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