breadcrumb

v0.86.0

v0.85.0

v0.84.0

STATUS

Passing

DOWNLOADS

204

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

5 months ago

SIZE

73 KB

A breadcrumb is used to show hierarchy between content.

1 contributor

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

React

Vue

Angular

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

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 `Icon` component with `divider` class instead of a `div`.
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 `a` tag instead of a `div` and adds the href attribute.
link	`custom`	Render as an `a` tag instead of a `div`.
onClick	`function`	React’s original SyntheticEvent.