Tag - Web Component

...

Browser support

Detected engine:

The Web component uses the <z-tag> tag:

By default, all the parameters are optional or can be set in different, except for the ones marked as required

The parametrization of the component can be done with the following custom HTML params:

Name Type Description Slot

Name	Type	Description	Slot
`fill`	`string`	Defines the color for the tag. The default value is `azure` or `default`. The possible values are: `teal`, `moss`, `lilac`, `candy`, `peach`, `mint`,`lime`, `lemon`, `powder-pink`
`content`	`string`	Defines the text for the tag.	`default`

fill

string

Defines the color for the tag. The default value is azure or default.

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

content string Defines the text for the tag. default

The available slots for the component are:

Name	Tags	Description
`default`	`span`	Content of the tag.

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 label

Both the background color and the text color can be customized using the --z-tag--bg and --z-tag--color CSS custom properties, respectively.