Badge

Display an indicator that requires attention.

Show number or text.

Express state in different colors.

For more colors, please refer to the color section.

Fix the Badge in the designated position.

Attribute	Description	Type	Accepted values	Default
type	badge type	`BadgeTypes`	BadgeTypes	`default`
dot	show dot and ignore content	`boolean`	-	`false`
...	native props	`HTMLAttributes`	`'alt', 'id', 'className', ...`	-

Attribute	Description	Type	Accepted values	Default
placement	fixe position of Badge	`AnchorPlacement`	AnchorPlacement	`topRight`
...	native props	`HTMLAttributes`	`'alt', 'id', 'className', ...`	-

type BadgeTypes =
  | 'default'
  | 'primary'
  | 'secondary'
  | 'success'
  | 'warning'
  | 'error'
  | 'info'

type AnchorPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'

Avatar

Breadcrumbs

MADE & DESIGNED WITHBY BRUNO ANDRADE