UxFilterGroup
components/ux/FilterGroup.vue
Toggle-button group for filtering or switching views, with single, multiple, and required selection modes.
Selected: brand-v15
Scenarios
Multiple: ["design"]
components/ux/FilterGroup.vue
Usage
<UxFilterGroup
:options = "—"
:modelValue = "modelValue"
:multiple = "false"
:required = "false"
tone = "grape"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| options | Array | — | Strings or { value, label } objects |
| modelValue | String | Array | null | Selection (v-model); array when multiple |
| multiple | Boolean | false | Allow multiple active options |
| required | Boolean | false | Single mode: keep one option always selected |
| tone | String | 'grape' | Active style: grape, leaf, or dark |
Events
| Event | Description |
|---|---|
| update:modelValue | When the selection changes |