InputGroupText
Source: client/lib/theme/vueda-tailwind/controls/index.js
The inline-text addon inside an InputGroup.root: helper labels, prefix / suffix copy, unit markers. Renders at sm size on
--muted-foregroundwith 16px icons so the addon reads as chrome rather than as input content.
Vue component: InputGroupText
| Slot | Default classes | Description |
|---|---|---|
| root | 2 classes | The inline-text addon inside an InputGroup.root: helper labels, prefix / suffix copy, unit markers. Renders at sm size on --muted-foreground with 16px icons so the addon reads as chrome rather than as input content. |
root
The inline-text addon inside an InputGroup.root: helper labels, prefix / suffix copy, unit markers. Renders at sm size on
--muted-foregroundwith 16px icons so the addon reads as chrome rather than as input content.
Default classes:
text
text-muted-foreground flex items-center gap-2 text-sm
[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4Source: client/lib/theme/vueda-tailwind/controls/InputGroupText.theme.js:17