BlogPlaygroundOne

VSelectionControlGroup API

ads via vuetify

Props
name
type
default
color
string

undefined

Applies specified color to the control - supports utility colors with or without text- prefix (for example success, purple or text-purple) or CSS color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page.

defaults-target
string

'VSelectionControl'

The target component to provide defaults values for.

density
'default' | 'comfortable' | 'compact'

'default'

Adjusts the vertical height used by the component.

disabled
boolean

null

Removes the ability to click or target the component.

error
boolean

false

Puts the input in a manual error state.

false-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

undefined

The icon used when inactive.

id
string

undefined

Sets the DOM id on the component.

inline
boolean

false

Puts children inputs into a row.

model-value
unknown

undefined

The v-model value of the component. If component supports the multiple prop, this defaults to an empty array.

multiple
boolean

null

Changes select to multiple. Accepts array for value.

name
string

undefined

Sets the component’s name attribute.

readonly
boolean

null

Puts input in readonly state.

ripple
boolean | { class: string; keys: string[] }

true

Applies the v-ripple directive.

theme
string

undefined

Specify a theme for this component and all of its children.

true-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

undefined

The icon used when active.

type
string

undefined

Provides the default type for children selection controls.

value-comparator
(a: any, b: any) => boolean

undefined

Apply a custom comparison algorithm to compare model-value and values contains in the items prop.

Events
name
type
update:modelValue
[unknown]

Event that is emitted when the component’s model changes.

Slots
never
default

The default Vue slot.

SASS Variables
name
default
$selection-control-group-grid-area
control