Dialog
Animated modal dialog with spring-based scale and opacity transitions in three widths (sm, lg, and an xl canvas for composed layouts such as a sidebar), plus a container prop to scope it to a region. Built on Radix UI Dialog with overlay, h.
- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @radix-ui/react-dialog, lucide-react, motion
- Install
npx shadcn@latest add @fluid/dialog- Files
registry/radix/dialog.tsxregistry/default/lib/utils.tsregistry/default/lib/springs.tsregistry/default/lib/shape-context.tsxregistry/default/lib/surface-context.tsxregistry/default/lib/surface-classes.tsregistry/default/lib/icon-context.tsxregistry/radix/button.tsx
- Source
- https://github.com/mickadesign/fluid-functionalism
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