BreadCrumbs
Component which renders the current path you are visiting on a website right now for easy navigation. It is also possible to click on parent directories within this route to navigate back.
Import
JSX
Usage
The breadcrumbs component requires a pathname. This pathname can for example be obtained by using the usePathname hook in React or Next.js
JSX
Variants
You can also choose any character as delimiter as shown below.
Chevron Delimiter
JSX
Slash Delimiter
JSX
Empty Delimiter
JSX
Props
| Prop | Type | Default | Description |
|---|---|---|---|
path* | string | - | URL path to be displayed |
delimiter | string | ">" | Symbol that seperates the directories |