Documentation
Documentation Hub

BaseTag

Tag shapes

Tags can have different shapes. Use the shape prop to display a tag with a rounded or squared shape.

Default shape of all <BaseTag> can be set in your .app/app.config.ts.
LabelLabelLabelLabel
Show code

Small tags

Tags can have a smaller size. Use the size prop with the sm value to display a tag with a smaller size.

LabelLabelLabelLabel
Show code

Solid colors

Tags can have different flavors and colors. Use the solid flavor with the color prop to display a tag with a solid color.

LabelLabelLabelLabelLabelLabelLabel
Show code

Pastel colors

Tags can have different flavors and colors. Use the pastel flavor with the color prop to display a tag with a solid color.

LabelLabelLabelLabelLabel
Show code

Outline colors

Tags can have different flavors and colors. Use the outline flavor with the color prop to display a tag with a solid color.

LabelLabelLabelLabelLabel
Show code

Flat shadow

Tags can have a flat shadow. Use the shadow prop to display a tag with a flat shadow.

LabelLabelLabelLabelLabelLabel
Show code

Hover shadow

Tags can have a shadow on hover. Use the shadow prop to display a tag with a hover shadow.

LabelLabelLabelLabelLabelLabel
Show code

#<BaseTag>

Properties

size
The size of the tag.
Show example
color
The color of the tag.
Show example
shape
The shape of the tag.
Show example
flavor
The flavor of the tag.
Show example
shadow
Determines when the tag should have a shadow.
Show example

Slots

#default
Show example