Breadcrumb

navigation

Displays the path to the current resource using a hierarchy of links.

Preview

Installation

npm install @launchapp/design-system
Import
import {  Breadcrumb, BreadcrumbList, BreadcrumbItem,  BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator} from "@launchapp/design-system";

Examples

Basic Breadcrumb

<Breadcrumb>  <BreadcrumbList>    <BreadcrumbItem>      <BreadcrumbLink href="/">Home</BreadcrumbLink>    </BreadcrumbItem>    <BreadcrumbSeparator />    <BreadcrumbItem>      <BreadcrumbLink href="/components">Components</BreadcrumbLink>    </BreadcrumbItem>    <BreadcrumbSeparator />    <BreadcrumbItem>      <BreadcrumbPage>Breadcrumb</BreadcrumbPage>    </BreadcrumbItem>  </BreadcrumbList></Breadcrumb>

Props

PropTypeDefaultDescription
separator
React.ReactNode—Custom separator element (on BreadcrumbSeparator).
← PreviousBadge
Next →Button