Dialog

A window over the page for forms and focused tasks, with a pinned header and footer, nesting, and a swipeable bottom sheet on phones.

Library

HextaUI

Framework

React

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0, class-variance-authority, cn

Install

npx shadcn@latest add https://hextaui.com/r/dialog.json

Files

• components/ui/dialog.tsx
• components/ui/button.tsx
• components/ui/sheet.tsx
• components/ui/spinner.tsx
• hooks/use-button-feedback.ts
• hooks/use-delayed-loading.ts

Source

https://github.com/preetsuthar17/hextaui

Categories

• Modal Components
• React Modal Components
• Tailwind CSS Modal Components
• Animated Modal Components
• shadcn/ui Modal Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Animated Overlay Components
• shadcn/ui Overlay Components

More from HextaUI

• Alert dialog
• Command
• Accordion
• Alert
• Aspect ratio
• Attachment
• Avatar
• Badge
• Breadcrumb
• Bubble
• Button
• Button group