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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2