Breadcrumbs

Show where users are in the application.

The basic Breadcrumbs usage.

Custom separator in characters.

Show more information with icons.

Example for use with next.js.

Attribute	Description	Type	Accepted values	Default
separator	separator string	`string`	-	`/`
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

Attribute	Description	Type	Accepted values	Default
href	link address	`string`	-	-
nextLink	in `next.js` route	`boolean`	-	`false`
onClick	click event	`(event: MouseEvent) => void`	-	-
...	native props	`AnchorHTMLAttributes`	`'id', 'className', ...`	-

Attribute	Description	Type	Accepted values	Default
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

Badge

Button

MADE & DESIGNED WITHBY BRUNO ANDRADE