Menu
  • Get Started
  • Product
  • Resources
  • Tools & SDKs
  • Framework
  • Reference

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.

PropTypeDefault
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