Sheet

A panel that slides in from any edge, with swipe-to-dismiss, scroll lock and stacked nesting.

Library

HextaUI

Framework

React

Type

ui

License

MIT

Dependencies

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

Install

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

Files

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

Source

https://github.com/preetsuthar17/hextaui

Categories

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

More from HextaUI

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