4.16.0






Selectable Card

Cards for information/content that can be selected. There is design for unselected and selected states. Typically used as a form element.

Default


Default Selectable Cards are multi select by default.

Single Select


Single Select allows only one selectable card in the set to be selected.

Block




Selectable Cards can pass text or block content.

Dark



Things to Avoid

Do not use Forms, Charts & Graphs, Text Input, Textarea, etc inside of selectable card.

Available Props
id
data
classname
aria
children
checked
dark
disabled
icon
multi
input_id
name
text
value