Dialog

Dialog that displays on top the page.

Dialog is built on top RadixUI Dialog component. All RadixUI props are passed, and can be used in the same way.

children

ReactNode

The content of the Dialog

*Can't edit react node values here

open

boolean

Icon shown before the content.

*Can't edit boolean values here

onOpenChange

function

Icon shown before the content.

*Can't edit function values here

Anatomy

<Dialog open={open} onOpenChange={onOpenChange}>
  <Dialog.Content>
    <Dialog.Title>{/* ... */}</Dialog.Title>
    <Dialog.Description>{/* ... */}</Dialog.Description>
  </Dialog.Content>
  {/* (Full-width sections can go here) */}
</Dialog>
Previous

Card

Next

Tabs