SettleModal
A modal whose content has a tiny scale/settle instead of a generic fade. The panel scales 0.94 -> 1.02 -> 1.0 with a small y travel, then the inner content layers its own gentle settle on top.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/settle-modal
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | undefined | Whether the modal is open |
| onClose | () => void | undefined | Called when the modal should close |
| title | React.ReactNode | undefined | Optional title rendered at the top |
| description | React.ReactNode | undefined | Optional secondary description below the title |
| children | React.ReactNode | undefined | Main content area |
| footer | React.ReactNode | undefined | Footer area, typically action buttons |
| hideCloseButton | boolean | false | Hide the close (X) button |
| closeOnBackdrop | boolean | true | Click on backdrop closes the modal |
| size | 'sm' | 'md' | 'lg' | 'md' | Maximum width preset |