Slideout
Side panel that slides in over the main content. Use for detail views, filters, and edit forms.
import
{ Slideout } from "@pepulux/ui"Default
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| isOpen* | boolean | — | Controls slideout visibility |
| onClose | () => void | — | Called when backdrop is clicked |
| onSave | () => void | — | Called when Save button is clicked |
| onCancel | () => void | — | Called when Cancel button is clicked |
| title | string | — | Panel header title |
| description | string | — | Sub-text below the title |
| saveLabel | string | "Save" | Save button label |
| cancelLabel | string | "Cancel" | Cancel button label |
| children | ReactNode | — | Panel body content |