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
vue

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
vue

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
vue

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
vue

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
vue

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
vue

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
vue

#<BaseTag>

•Properties

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

•Properties (with app.config)

color
The color of the tag.
Show example
vue
rounded
The radius of the tag.

@since

2.0.0

Show example
vue
size
The size of the tag.
Show example
vue
variant
The variant of the tag.

@since

2.0.0

Show example
vue

•Slots

#default
This slot has no inherted props
Show example
vue

•Exposed

color
The color of the tag.
Show example
vue
rounded
The radius of the tag.
Show example
vue
size
The size of the tag.
Show example
vue
variant
The variant of the tag.
Show example
vue