Components

Breadcrumbs are used to indicate the current page's location. Add active attribute to active Breadcrumb.Item.

Do not set both active and href attributes. active overrides href and span element is rendered instead of a.

#Breadcrumbs Example

<Breadcrumb>
  <Breadcrumb.Item href="#">Home</Breadcrumb.Item>
  <Breadcrumb.Item href="http://getbootstrap.com/components/#breadcrumbs">
    Library
  </Breadcrumb.Item>
  <Breadcrumb.Item active>Data</Breadcrumb.Item>
</Breadcrumb>;

#Props[source]

Breadcrumb component itself doesn't have any specific public properties

#Breadcrumb.Item

NameTypeDefaultDescription
active
boolean
false

If set to true, renders span instead of a

href
string

href attribute for the inner a element

title
node

title attribute for the inner a element

target
string

target attribute for the inner a element