buttons

DualChoice

Binary yes/no choice component.

npx chaos add dual-choice

PREVIEW

OUINON

USAGE

import { DualChoice } from '@/components/chaos/buttons/dual-choice';

<DualChoice onYes={() => console.log('yes')} onNo={() => console.log('no')} />
<DualChoice yesLabel="ACCEPT" noLabel="REJECT" variant="dramatic" />
<DualChoice variant="stacked" size="lg" />

PROPS

PropTypeDefault

yesLabelYes button label

string"OUI"

noLabelNo button label

string"NON"

onYesYes click callback

() => void-

onNoNo click callback

() => void-

variantVisual variant

"default" | "dramatic" | "minimal" | "stacked""default"

sizeButton size

"sm" | "md" | "lg""md"

showDividerShow divider between buttons

booleantrue

disabledDisable both buttons

booleanfalse

selectedValueCurrently selected value

"yes" | "no" | nullnull