Procredit

Components

Breadcrumb

A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.

When to use

When the system has more than two layers in a hierarchy.
When you need to inform the user of where they are.
When the user may need to navigate back to a higher level.

Basic

The simplest use

Other Router Integration

Used together with react-router@4+ or other router.

API

Property	Description	Type	Default
itemRender	Custom item renderer	(route, params, routes, paths) => ReactNode	-
params	Routing parameters	object	-
routes	The routing stack information of router	routes[]	-
separator	Custom separator	string\|ReactNode	'/'

Property	Description	Type	Default
href	Target of hyperlink	string	-
overlay	The dropdown menu	Menu \| () => Menu	-
onClick	Set the handler to handle click event	(e:MouseEvent)=>void	-
dropdownProps	The dropdown props	Dropdown	-

Property	Description	Type	Default
children	Custom separator	string\|ReactNode	'/'