Vue Utilities

New

Consumer-facing directives and utilities exported by Dialtone Vue.

Directives

Behavioral plugins that attach to any element — add keyboard navigation, color modes, tooltips, and more.

Directive Description Docs
v-dt-focusgroup Roving tabindex for composite widgets — arrow-key cycling, looping, memory, and disabled-item handling Storybook
v-dt-focustrap Trap Tab/Shift+Tab within a container — initial focus, boundary wrapping, and focus restoration for dialogs and overlays Storybook
v-dt-mode Scope descendant design tokens to a light, dark, or inverted color palette Storybook
v-dt-tooltip Attach a tooltip to any element without a wrapper component Storybook
v-dt-scrollbar Replace native scrollbars with a styled overlay that auto-hides Storybook

Functions

Stateless helpers for formatting and transforming data.

Function Description Docs
Date and Time Format dates, relative timestamps, and durations with i18n locale support Storybook

Utilities

Foundational modules for rendering optimization and internationalization.

Utility Description Docs
DtLazyShow Defer child rendering until first shown — reduces initial mount cost for popovers and modals Storybook
Localization Singleton i18n manager that localizes strings across all Dialtone components Storybook

Vue Utilities documentation last updated Thursday, June 18, 2026