Checkbox card
Checkbox input with built-in layouting subcomponents
Top Alignment
This is a checkbox card with top alignment.
The checkbox is aligned to the top of the card.
This is useful when you have multiple lines of content.
Center Alignment (Default)
This is a checkbox card with center alignment.
The checkbox is aligned to the center of the card.
This is the default alignment.
Bottom Alignment
This is a checkbox card with bottom alignment.
The checkbox is aligned to the bottom of the card.
This is useful when you want the checkbox at the bottom.
Inputs
control : FormControl<boolean>
ariaLabel ?: string
backgroundColor ?: BackgroundColor
border ?: CardBorder = 'none'
checkboxAlignment ?: CheckboxAlignment = CheckboxAlignment.CENTER
disabled ?: boolean = false
hideBorderColor ?: boolean = false
hoverColor ?: HoverColor = HoverColor.MID
label ?: string = ''
level ?: CardLevel = 'primary'
padding ?: CheckboxCardPadding = CheckboxCardPadding.MID
selectedColor ?: CheckboxCardSelectedColor = CheckboxCardSelectedColor.SECONDARY