breadcrumb
v0.86.0arrow_drop_downv0.86.0
v0.85.0
v0.84.0
STATUS
Passing
DOWNLOADS
214
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
9 months ago
SIZE
73 KB
A breadcrumb is used to show hierarchy between content.
1 contributor
Like
Use breadcrumb in your project ?
Copied
npm i @bit/semantic-org.semantic-ui-react.breadcrumb
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example 
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
and packages in Bit or NPM to the example. any of the 1 million componentstoggle layout

















chevron_left
chevron_right
A breadcrumb is used to show hierarchy between content.
BreadcrumbDivider ()
A divider sub-component for Breadcrumb component.
Called on click. When passed, the component will render as an a
tag by default instead of a div
.
BreadcrumbSection ()
A section sub-component for Breadcrumb component.
Properties
Name | Type | Description |
---|---|---|
as | custom | An element type to render as (string or function). |
children | node | Primary content. |
className | string | Additional classes. |
content | custom | Shorthand for primary content. |
icon | custom | Render as an |
as | custom | An element type to render as (string or function). |
active | bool | Style as the currently active section. |
children | node | Primary content. |
className | string | Additional classes. |
content | custom | Shorthand for primary content. |
href | custom | Render as an |
link | custom | Render as an |
onClick | function | React’s original SyntheticEvent. |