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 |
|---|
Stateless helpers for formatting and transforming data.
| Function | Description | Docs |
| Date and Time | Format dates, relative timestamps, and durations with i18n locale support | Storybook |
|---|
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 |
|---|