UBuilder Directives

UBuilder Directives requires vue 3.2+ or 2.7+.

* vAutofocus: FunctionDirective<HTMLElement, void>
* vFocusTrap: ObjectDirective<HTMLElement, void>

vAutofocus

Focusing element onMounted. Replaces HTML autofocus attribute.

vFocusTrap

Trap focus inside directed elements.
Collect focusable element on mount. Recommend use inside v-if block.

Usage

$3

``
npm i @ubuilder/directives
`

$3

On setup.
`vue


`

On options.
`vue

`

$3


UBuilder Directives' default export is vue plugin, but not recommend direct import to tree-shaking feature.
`javascript
import { createApp } from 'vue';
import UBuilderDirectives from '@ubuilder/directives';

const app = createApp(/ app options /);
app.use(UBuilderDirectives);
``