Skip to main content
You are viewing Pre-Alpha documentation.
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

useVirtualFocus API

API reference for the useVirtualFocus composable.

Functions

useVirtualFocus

(items: () => VirtualFocusItem[], options: VirtualFocusOptions) => VirtualFocusReturn

Options

control required

MaybeRefOrGetter<HTMLElement | null | undefined>

Element that retains DOM focus and receives aria-activedescendant

target

MaybeRefOrGetter<HTMLElement | null | undefined>

Element to attach keydown listener to (defaults to control)

orientation

"horizontal" | "vertical" | "both" | undefined

Arrow key mapping. Ignored when `columns` is set (grid uses all 4 arrows).

circular

boolean | undefined

columns

MaybeRefOrGetter<number> | undefined

Column count for grid navigation. When set, items are treated as a 2D grid in row-major order: Left/Right step +/-1, Up/Down step +/-columns, Home/End go to row start/end, Ctrl+Home/End go to first/last overall.

onHighlight

((id: ID) => void) | undefined
Was this page helpful?

© 2016-1970 Vuetify, LLC
Ctrl+/