Breadcrumbs

Breadcrumbs are used to indicate the current page’s location. Add IsActive attribute to active BreadcrumbItem.

Structure

  • <Breadcrumb>
    • <BreadcrumbItem>
      • <BreadcrumbLink>

Example

<Breadcrumb>
    <BreadcrumbItem>
        <BreadcrumbLink To="#">Home</BreadcrumbLink>
    </BreadcrumbItem>
    <BreadcrumbItem>
        <BreadcrumbLink To="#">Library</BreadcrumbLink>
    </BreadcrumbItem>
    <BreadcrumbItem IsActive="true">
        <BreadcrumbLink To="#">Data</BreadcrumbLink>
    </BreadcrumbItem>
</Breadcrumb>

Props

Breadcrumb component itself doesn’t have any specific public properties.

Name Type Default Description
IsActive boolean false If set to true, renders span instead of a