Documentation
Documentation Hub

Size

Tags can have different sizes. Use the size prop to change the size of the tag.

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

Radius

Tags can have different radius factors. Use the rounded prop to change the radius of a tag.

Label Label Label Label Label
Show code

Variant:solid

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

Label Label Label Label Label Label Label
Show code

Variant:pastel

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

Label Label Label Label Label Label Label
Show code

Variant:outline

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

Label Label Label Label Label Label Label
Show code

Shadow:flat

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

Label Label Label Label Label Label Label
Show code

Shadow:hover

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

Label Label Label Label Label Label Label
Show code

#<BaseTag>

Properties

rounded
The radius of the tag.

@since

2.0.0

@default

'lg'

Show example
size
The size of the tag.

@default

'md'

Show example
variant
The variant of the tag.

@since

2.0.0

@default

'solid'

Show example
color
The color of the tag.

@default

'default'

Show example
shadow
Determines when the tag should have a shadow.
Show example

Slots

#default
Show example