Skip to content

Dialog

Usage

import { Dialog, Button, Flex } from "@ronin-nexus/atomic";
 
<Dialog>
  <Dialog.Trigger asChild>
    <Button>Hey</Button>
  </Dialog.Trigger>
  <Dialog.Content>
    {/* Top right close button */}
    <Dialog.X />
    <H3>Welcome To WOW3</H3>
    <Text>Hello</Text>
    <Dialog.Close>
      <Button variant="danger">Close</Button>
    </Dialog.Close>
  </Dialog.Content>
</Dialog>;

Dialog Props

Follow the RadixUI Headless Dialog

PropsType
DialogDialogProps
Dialog.TriggerDialogTriggerProps
Dialog.ContentDialogContentProps
Dialog.CloseDialogContentProps
Dialog.X