Components

Component

Breadcrumb

Hierarchical navigation trail for nested pages.

React3 props
PreviewReact

Imports

import { Breadcrumb } from "@hozorica/hods-react/breadcrumb";

Props

PropTypeDescription
currentbooleanMarks a BreadcrumbLink as the current page.
separatorReactNodeRoot or explicit separator content.
hrefstringLink destination.

Platform Support

React

Semantic nav, ordered list, links, and separators.

React Native

Usually replaced by navigation headers or stack titles.

Usage

<BreadcrumbRoot><BreadcrumbList><BreadcrumbItem><BreadcrumbLink href="/">Home</BreadcrumbLink></BreadcrumbItem></BreadcrumbList></BreadcrumbRoot>

Notes

  • Keep the trail short on narrow screens.
  • The current page should not look like a primary action.