Breadcrumbs

A breadcrumbs component that wraps around links or text to help orient the user within the application.


children

Using with React-Router

The Breadcrumbs component can be used with React Router by using the as prop.

import { BrowserRouter, Link as ReactRouterLink } from "react-router-dom";
import { Breadcrumbs, Link } from "@nulogy/components";
export const WithReactRouter = () => (
<BrowserRouter>
<Breadcrumbs>
<Link as={ReactRouterLink} to="/">
Home
</Link>
<Link as={ReactRouterLink} to="/Tenants">
Tenants
</Link>
</Breadcrumbs>
</BrowserRouter>
);

Props

NameTypeDefaultDescription

children

react node

The elements to build the breadcrumbs out of. Can be a Link or Text.

as

string

nav

The dom element that wraps the breadcrumbs.