Skip to content

TagsInputItemText ​

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

The text label inside a TagsInputItem.root. 4px / 8px padding on a transparent fill so the label reads as content sitting inside the secondary-tinted chip rather than carrying its own surface; sm size matches the surrounding TagsInputInput.root so committed and pending text share a tier.

Vue component: TagsInputItemText

SlotDefault classesDescription
rootpy-0.5 px-2 text-sm rounded bg-transparentThe text label inside a TagsInputItem.root. 4px / 8px padding on a transparent fill so the label reads as content sitting inside the secondary-tinted chip rather than carrying its own surface; sm size matches the surrounding TagsInputInput.root so committed and pending text share a tier.

root ​

The text label inside a TagsInputItem.root. 4px / 8px padding on a transparent fill so the label reads as content sitting inside the secondary-tinted chip rather than carrying its own surface; sm size matches the surrounding TagsInputInput.root so committed and pending text share a tier.

Default classes:

py-0.5 px-2 text-sm rounded bg-transparent

Source: client/lib/theme/vueda-tailwind/controls/TagsInputItemText.theme.js:16