BuouNext
  • Features
  • DocumentsNew
  • BrutalUINew
  • ShowcaseHot
  • Pricing
  • Blog

Documentation

PreviewNewInstallationNew

Components

AccordionNewAlertNewAlert DialogNewAvatarNewButtonNewBadgeNewBreadcrumbNewCardNewCheckboxNewComboboxNewRadio GroupNewCommandNewDialogNewDrawerNewDropdown MenuNewFormNewHover CardNewInputNewLabelNewMenubarNewNavigation MenuNewPaginationNewPopoverNewProgressNewResizableNewScroll AreaNewSelectNewSeparatorNewSkeletonNewSliderNewSwitchNewTableNewTabsNewToastNewTooltipNew

    Docs
    Dialog

    Dialog

    A brutal retro window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

    Loading...

    Custom close button

    Loading...

    Installation

    Install the following dependencies:

    npm install @radix-ui/react-dialog

    Copy and paste the following code into your project.

    Copy and paste the dialog code into your project.

    Notes

    To activate the Dialog component from within a Context Menu or Dropdown Menu, you must encase the Context Menu or Dropdown Menu component in the Dialog component. For more information, refer to the linked issue here.

    CommandDrawer