Skip to main content
Vuetify0 v1.0 is here
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

Single API

Headless single-selection provider — selecting an item automatically deselects the previously selected one, driving tabs, segmented controls, and theme pickers.

Explore these related pages for additional context and usage patterns.

PageCategory
SingleProviders
RadioForms
createSingleSelection
SelectionProviders

Single.Root

Props

namespace

string | undefined

Namespace for dependency injection (must match SingleItem namespace)

Default: "v0:single"

disabled

boolean | undefined

Disables the entire single instance

Default: false

enroll

boolean | undefined

Auto-select non-disabled items on registration

Default: false

mandatory

boolean | "force" | undefined

Controls mandatory single behavior: - false (default): No mandatory single enforcement - true: Prevents deselecting the last selected item - force: Automatically selects the first non-disabled item on registration

Default: false

modelValue

T | T[] | undefined

Slots

default

SingleRootSlotProps

Single.Item

Props

id

string | undefined

Unique identifier (auto-generated if not provided)

label

string | undefined

Optional display label (passed through to slot, not used in registration)

value

V | undefined

Value associated with this item

disabled

MaybeRefOrGetter<boolean> | undefined

Disables this specific item

namespace

string | undefined

Namespace for dependency injection

Default: "v0:single"

Slots

default

SingleItemSlotProps<V>
Was this page helpful?

© 2016-1970 Vuetify, LLC
Services
Ctrl+/