Dialog (Base UI)
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. Base UI flavor.
- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @base-ui/react@^1.9.0, lucide-react, motion
- Install
npx shadcn@latest add @fluid/dialog-base- Files
registry/base/dialog.tsxregistry/default/lib/utils.tsregistry/default/lib/springs.tsregistry/default/lib/omit.tsregistry/default/lib/shape-context.tsxregistry/default/lib/surface-context.tsxregistry/default/lib/surface-classes.tsregistry/default/lib/icon-context.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