Skip to content

TagsInputItemDelete

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

The remove (x) button at the trailing edge of a TagsInputItem.root. Transparent fill so the button rides on the chip's secondary surface rather than punching its own swatch; the trailing 4px margin separates the glyph from the chip's pill end so the hit target does not run into the rounded edge.

Vue component: TagsInputItemDelete

SlotDefault classesDescription
rootflex rounded bg-transparent mr-1The remove (x) button at the trailing edge of a TagsInputItem.root. Transparent fill so the button rides on the chip's secondary surface rather than punching its own swatch; the trailing 4px margin separates the glyph from the chip's pill end so the hit target does not run into the rounded edge.

root

The remove (x) button at the trailing edge of a TagsInputItem.root. Transparent fill so the button rides on the chip's secondary surface rather than punching its own swatch; the trailing 4px margin separates the glyph from the chip's pill end so the hit target does not run into the rounded edge.

Default classes:

flex rounded bg-transparent mr-1

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

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