UxToggleCard
components/ux/ToggleCard.vue
Radio/checkbox card with highlighted border on selection, label, and description.
selected: starter
components/ux/ToggleCard.vue
Usage
<UxToggleCard
label = "—"
description = "—"
:disabled = "false"
>
Content here
</UxToggleCard>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | String | '' | Card heading |
| description | String | '' | Subtitle text |
| disabled | Boolean | false | Disable interaction |
Slots
| Slot | Description |
|---|---|
| default | Radio or checkbox input (sr-only peer) |
| content | Additional card content |
| logobug | Logo or icon area |