Breadcrumbs

To implement Button component into your project you'll need to add the import:

import Breadcrumbs from "@kiwicom/orbit-components/lib/Breadcrumbs";
import BreadcrumbsItem from "@kiwicom/orbit-components/lib/Breadcrumbs/BreadcrumbsItem";

After adding import into your project you can use it simply like:

<Breadcrumbs>
  <BreadcrumbsItem href="https://kiwi.com">Kiwi.com</BreadcrumbsItem>
</Breadcrumbs>

Props

Table below contains all types of the props available in Breadcrumbs component.

Name Type Default Description
dataTest string Optional prop for testing purposes.
children React.Element<typeof BreadcrumbsItem> The content of the Breadcrumbs.

Functional specs

  • The last BreadcrumbsItem will have stronger font-weight automatically. Also, all meta information are automatically render too, so you don't have to specify it explicitly.

Subcomponents

Breadcrumbs requires one subcomponent - BreadcrumbsItem.

import BreadcrumbsItem from "@kiwicom/orbit-components/lib/Breadcrumbs/BreadcrumbsItem";
Usage:
<BreadcrumbsItem href="https://kiwi.com">
  Kiwi.com
</BreadcrumbsItem>
Props

Table below contains all types of the props available in BreadcrumbsItem component.

Name Type Default Description
dataTest string Optional prop for testing purposes.
children string The content of the BreadcrumbsItem.
href string The URL to link when the BreadcrumbsItem is clicked..
onClick func Function for handling the onClick event.