DualChoice — dual-choice

PREVIEW

OUINON

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { DualChoice } from '@oalacea/chaosui/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