Documentation
Documentation Hub

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>

Basic usageΒΆ

This component has no props