Skip to content

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-foreground with 16px icons so the addon reads as chrome rather than as input content.

Vue component: InputGroupText

SlotDefault classesDescription
root2 classesThe 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-foreground with 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-4

Source: client/lib/theme/vueda-tailwind/controls/InputGroupText.theme.js:17