Tag - Web Component ​

The Tag component can be used imported from:

Playground ​

Parameters ​

...

Slots ​

This component has slots. Check the documentation about how to use the slots.

NameTagsDescription
defaultspanContent of the tag.

Parameters use ​

content ​

The thing to be assigned to the tag. It uses the default slot too.

Tag content

icon ​

We can set icon in the tags:

Tag contentTag content

icon-right ​

Also, the icons can be moved to the right using the icon-right flag:

Tag content

fill ​

The fill parameter is used to define the color of the tag. Being omitted the default value is azure.

The possible values are: teal, moss, lilac, candy, peach, mint,lime, lemon, powder-pink

Tag labelTag labelTag labelTag labelTag labelTag labelTag labelTag labelTag labelTag label

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​