Tag

v2.0.2
duplicate

Install and import

Variants

Admire these beautiful colors 💅

Basics

Default
Primary
Secondary
Dark

States

Success
Error
Warning
Info

Subs

1
2
3
4
5
6

Sizes

Use size property with sm md or lg.

Small
Medium
Large

One character style

When we have only one character, we apply same size for the width and height (it implicitely sets shape prop to square)

1
1
1

Shape

Set shape prop to square to get a square no matter the content.

1
Long text

Set shape prop to circle to set a border-radius 50%.

1

OnRemove

Simply add a function onRemove to reveal a cross icon with a remove action (or other).

Example of remove tag

Properties

NameType(s)DefaultRequired
children
node
onRemove
func
shape
square
circle
size
sm
md
lg
md
variant
1
2
3
4
5
6
dark
default
error
info
primary
secondary
success
warning
default

Dependencies

Peer dependencies