Ui3nBadge

Props

Name	Type	Default value	Description
dot	boolean | undefined	false	For simple display as a circle
value	string | number | undefined	""	Text displayed inside the circle
color	string | undefined	"var(--color-bg-button-primary-default)"	Background color
textColor	string | undefined	"var(--color-text-button-primary-default)"	Text color
position	"right-top" | "right-bottom" | "left-top" | "left-bottom" | undefined	"right-top"	Positioning of the circle

Slots

Name	Props	Description
default		Default slot

Simple use

Simple use

Dot mode, position 'right-top', default color'

I'm here

Value display

Value display

Display text/numbers inside the badge

Notifications

10

Color customization

Color customization

Custom background and text color

Products

NEW

Position variations

Position variations

All 4 positioning options

Top Right

1

Bottom Right

2

Top Left

3

Bottom Left

4