Documentation
Documentation Hub

Focus Loop

Use the focus loop when you want to group several elements inside a same container and make them easily focusable.

Show code
vue

#<BaseFocusLoop>

•Properties

prevent
Prevent the default behavior of the keys
Show example
vue

•Properties (with app.config)

as
The HTML tag to use for the wrapper
Show example
vue
next-keys
Keys to trigger the next focusable element

@see

https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values

Show example
vue
prev-keys
Keys to trigger the previous focusable element
Show example
vue

•Slots

#default
Show example
vue

•Exposed

as
The HTML tag to use for the wrapper
Show example
vue
nextKeys
Keys to trigger the next focusable element
Show example
vue
prevKeys
Keys to trigger the previous focusable element
Show example
vue