Browse docs
Browse docs
Released 2026-08-15
Adds a label-help tooltip prop to every form input. Only
@dashforge/tw advances — the tw-theme / tw-tokens pair stays on
1.2.0.
No breaking changes. Every existing consumer works unchanged.
| Package | Change |
|---|---|
@dashforge/tw | 1.4.0 → 1.5.0. New tooltip prop on all form inputs. |
@dashforge/tw-theme · @dashforge/tw-tokens | unchanged — stay 1.2.0. |
tooltip on every form inputTextField, NumberField, Textarea, Select, Autocomplete,
OTPField, Checkbox, Switch, RadioGroup, DatePicker,
TimePicker, DateTimePicker, DateRangePicker all gain a tooltip
prop. It renders a ⓘ help affordance in the label row that reveals its
content on hover / focus — no layout shift (the popup is hover-only).
tooltip="Your legal name" — or a config object
{ content, icon?, position?: 'before' | 'after', side? }.ReactNode as icon
to override it.theme.components.<Name>.defaults.tooltip; the per-instance tooltip
deep-merges over it, so tooltip="text" alone picks up the themed icon
and placement.// string shorthand
<TextField name="first" label="First name" tooltip="As on your ID." />
// object: icon before the label, popup on the right
<TextField name="vat" label="VAT number"
tooltip={{ content: 'Include the country prefix.', position: 'before', side: 'right' }} />
// theme default → a bare string picks up the themed icon/placement
patchTheme({ components: { TextField: { defaults: { tooltip: { position: 'before' } } } } });Full docs + live demo: TextField → Label tooltip.
Drop-in for everything already using 1.4.0. The addition is opt-in;
nothing renamed, nothing removed. tw-theme / tw-tokens do not need to
move.
pnpm update @dashforge/tw| Peer | Required range |
|---|---|
react | ^18.0.0 || ^19.0.0 |
react-dom | ^18.0.0 || ^19.0.0 |
tailwindcss | ^3.4.0 |
@dashforge/tw-theme | ^1.2.0 |
@dashforge/tw-tokens | ^1.2.0 |
@dashforge/forms | ^1.0.0 |
@dashforge/ui-core | ^1.0.0 |
@dashforge/rbac | ^1.0.0 |
No new runtime dependencies.