Skip to content

frontend


Interface: ConfirmModalProps

Defined in: src/components/confirm-modal/ConfirmModal.tsx:31

Properties

acceptLabel?

optional acceptLabel?: string

Defined in: src/components/confirm-modal/ConfirmModal.tsx:43

Red action button label


cancelLabel?

optional cancelLabel?: string

Defined in: src/components/confirm-modal/ConfirmModal.tsx:47

Outline button label


children

children: ReactNode

Defined in: src/components/confirm-modal/ConfirmModal.tsx:39

Message body


destructive?

optional destructive?: boolean

Defined in: src/components/confirm-modal/ConfirmModal.tsx:51

Use red (destructive) or blue (non-destructive) accept button. Defaults to true


icon?

optional icon?: ReactElement\<unknown, string | JSXElementConstructor\<any>>

Defined in: src/components/confirm-modal/ConfirmModal.tsx:49

Centred icon above title/message


onAccept

onAccept: () => void | Promise\<void>

Defined in: src/components/confirm-modal/ConfirmModal.tsx:37

Async-aware action handler; component manages loading state

Returns

void | Promise\<void>


onClose

onClose: () => void

Defined in: src/components/confirm-modal/ConfirmModal.tsx:35

Called on Cancel or Escape

Returns

void


opened

opened: boolean

Defined in: src/components/confirm-modal/ConfirmModal.tsx:33

Controls modal visibility


submittingLabel?

optional submittingLabel?: string

Defined in: src/components/confirm-modal/ConfirmModal.tsx:45

Label shown on accept button during async operation (e.g. "Booking…")


title?

optional title?: string

Defined in: src/components/confirm-modal/ConfirmModal.tsx:41

Bold centred heading between icon and message