Selectable Card
@astryxdesign/core v0.7.1 · SelectableCard
Props
| Name | Type | Default | Description |
|---|---|---|---|
label | string | - | Accessible name of the hidden checkbox. |
isSelected | boolean | - | Whether the card is selected. Bind with v-model:isSelected. |
isDisabled | boolean | false | The card ignores activation. |
variant | CardVariant | 'default' | Background variant. A selected card uses that hue for the ring. |
elevation | CardElevation | 'none' | Resting shadow. The selection ring is composed with it. |
padding | SpacingStep | - | Padding forwarded to Card. |
width | number | string | - | Width. Numbers are pixels. |
height | number | string | - | Height. Numbers are pixels. |
maxWidth | number | string | - | Maximum width. |
Events
| Name | Payload | Description |
|---|---|---|
update:isSelected | boolean | The next selected state. |
change | boolean | Emitted with update:isSelected. |
Slots
The default slot is the card body. Nested buttons and links keep their own activation.