# Breadcrumbs Breadcrumb, Breadcrumb.Item

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


          const breadcrumbInstance = (
            <Well>
              <Breadcrumb>
                <Breadcrumb.Item active>
                  Home
                </Breadcrumb.Item>
              </Breadcrumb>
              <Breadcrumb>
                <Breadcrumb.Item href="#">
                  Home
                </Breadcrumb.Item>
                <Breadcrumb.Item active>
                  Library
                </Breadcrumb.Item>
              </Breadcrumb>
              <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>
            </Well>
          );

          
        

# Props

Breadcrumb component itself doesn't have any specific public properties

Breadcrumb.Item

NameTypeDefaultDescription
activebooleanfalseIf set to true, renders span instead of a
hrefstringhref attribute for the inner a element
idstring | numberHTML id for the wrapper li element
linkIdstring | numberHTML id for the inner a element
targetstringtarget attribute for the inner a element
titlenodetitle attribute for the inner a element