Tag

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
7

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
7
dark
default
error
info
primary
secondary
success
warning
default

Dependencies #

Peer dependencies #