Simple breadcrumbs bar for internal site navigation




1import BreadcrumbsBar from '@hummingbot/hbui/components/navigation/BreadcrumbsBar'
2import { Link } from 'gatsby'
3
4const breadcrumbLinks = [
5  { url: "/launchpad", label: "Launchpad" },
6  { url: "/fleet", label: "Fleet" },
7  { url: "/strategies", label: "Strategies" },
8  { url: "/components/navigation/breadcrumbs", label: "Backtests" },
9]
10
11return (
12  <BreadcrumbsBar
13    links={breadcrumbLinks}
14    linkClass={Link}
15  />
16)


Breadcrumbs Props

Prop Name

Type

Default

Required

Description

links

Array

null

required

The array of links you intend to display, ads shown in the example above

linkClass

Class

null

required

Pass the { Link } class you are using in your site eg. from "react-router-dom" or "gatsby"