Dialog

PreviousNext
Docs
react-ariaui

Preview

Loading preview…
components/ui/Dialog.tsx
'use client';
import React from 'react';
import { DialogProps, Dialog as RACDialog } from 'react-aria-components';
import { twMerge } from 'tailwind-merge';

export function Dialog(props: DialogProps) {
  return <RACDialog {...props} className={twMerge('outline outline-0 box-border p-6 [[data-placement]>&]:p-4 max-h-[inherit] overflow-auto relative', props.className)} />;
}

Installation

npx shadcn@latest add @react-aria/tailwind-dialog

Usage

import { TailwindDialog } from "@/components/ui/tailwind-dialog"
<TailwindDialog />