docs/components/utilities/ConfirmDialog

ConfirmDialog

Confirmation modal with OK/Cancel.

import { ConfirmDialog } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Live playground
Loading preview…

#Props

PropTypeDefaultDescription
open *boolean
onClose *() => void
onConfirm *() => void
titlestring
childrenJSX.Element
confirmLabelstring
cancelLabelstring
variant'default' | 'danger'
loadingboolean
classstring

* required prop.

#Design Tokens

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.

  • --sk-border
  • --sk-space-md
  • --sk-space-sm