Confirm Modal
Renders a Mantine Modal with confirm/cancel buttons and optional title and content
- Import
import { ConfirmModal } from '@smile/haring-react'; - Extends Modal
- Source View Source Code
- Package @smile/haring-react
- Storybook Storybook
Storybook Docs
Props
| Name | Type | Default | Description |
|---|---|---|---|
| cancelColor | MantineColor | "gray" | MantineColor of the cancel button |
| cancelLabel | string | "Cancel" | Label of the cancel button |
| confirmColor | MantineColor | "primary" | MantineColor of the confirm button |
| confirmLabel | string | "Confirm" | Label of the confirm button |
| children | ReactNode | - | Content displayed below the title |
| onCancel | () => void | - | Called when cancel button is clicked |
| onConfirm | () => void | - | Called when confirm button is clicked |
| title | string | - | Title displayed on top of the modal |
| ... | - | - | extends Modal props |