Dialog

Import/Installation

import {
  Button,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogRoot,
  DialogTitle,
  DialogTrigger,
} from "@lottiefiles/creator-plugins-ui";

Preview

Usage

<DialogRoot>
  <DialogTrigger render={<Button size="sm" />}>Open Dialog</DialogTrigger>
  <DialogContent>
    <DialogHeader>
      <DialogTitle>Delete Layer</DialogTitle>
      <DialogDescription>This action cannot be undone.</DialogDescription>
    </DialogHeader>
    <DialogFooter>
      <Button size="sm" variant="outline">
        Cancel
      </Button>
      <Button size="sm" variant="destructive">
        Delete
      </Button>
    </DialogFooter>
  </DialogContent>
</DialogRoot>

Props

Built on Base UI Dialog. See their docs for prop-level details.