Breadcrumb

The Breadcrumb component is used to show links.

1. Import

KUMUI exports 6 Breadcrumb-related components:

import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage } from "@rohitgadekar/kimui";

2. Usage


3. API

3.1 BreadcrumbList

Attribute Type Description Default
children
React.ReactNode
Children props for BreadcrumbList, containing BreadcrumbItem(s). -

3.2 BreadcrumbItem

Attribute Type Description Default
children
React.ReactNode
Content of the breadcrumb item. This could be a link or static text. -
Attribute Type Description Default
href
string
The URL the breadcrumb item links to. -
children
React.ReactNode
The content of the breadcrumb link. -

3.4 BreadcrumbSeparator

Attribute Type Description Default
children
React.ReactNode
The separator between breadcrumb items, usually a slash (/). /
className
string
Optional CSS class for custom styling. -

3.5 BreadcrumbPage

Attribute Type Description Default
children
React.ReactNode
The content of the breadcrumb page, typically static text. -
className
string
Optional CSS class for custom styling of the page label. -

3.6 Breadcrumb

Attribute Type Description Default
children
React.ReactNode
The content of the breadcrumb, typically a BreadcrumbList with items and separators. -
className
string
Optional CSS class for custom styling of the breadcrumb container. -