ComponentsDialog

Dialog

Displays a simple or animated dialog, respecting user motion preferences.

This example uses the Button and Input.

Usage

import {
  Dialog,
  DialogTrigger,
  DialogPortal,
  DialogOverlay,
  DialogContent,
  DialogTitle,
  DialogDescription,
  DialogFooter,
  DialogClose,
} from "@/components/ui/dialog"

<Dialog>
  <DialogTrigger>Open</DialogTrigger>
  <DialogContent>
    <DialogTitle>Dialog Title</DialogTitle>
    <DialogDescription>
      This is a description of the dialog.
    </DialogDescription>
    <DialogFooter>
      <DialogClose />
    </DialogFooter>
  </DialogContent>
</Dialog>

Installation

npx @luxeui/ui@beta add dialog

Checkbox

Dropdown Menu