Animated Dialog
An animated dialog component powered by Framer Motion, featuring smooth transitions and interactive visual effects for modal windows. Perfect for creating engaging overlays, popups, and interactive dialogs with modern animations.
Installation
npx uilayouts@latest add dialog
Props
FramerModal Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | The content inside the modal. |
| open | boolean | undefined | Controls the visibility of the modal. |
| setOpen | (open: boolean) => void | undefined | Function to set the modal's visibility state. |
ModalContent Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | The content inside the modal content area. |