@s-ui/react-molecule-breadcrumb/README.md

SUI Breadcrumb Basic

### MoleculeBreadcrumb

> Breadcrumbs, or a breadcrumb navigation, can help to enhance how users navigate to previous page levels of a website, especially if that website has many pages or products.

[![documentation](https://img.shields.io/badge/read%20the%20doc-black?logo=readthedocs)](https://sui-components.vercel.app/workbench/molecule/breadcrumb/)
[![issue](https://img.shields.io/badge/report%20a%20bug-black?logo=openbugbounty&logoColor=red)](https://github.com/SUI-Components/sui-components/issues/new?&projects=4&template=bug-report.yml&assignees=&template=report-a-bug.yml&title=🪲+&labels=bug,component,molecule,breadcrumb)
[![npm](https://img.shields.io/npm/dt/%40s-ui/react-molecule-breadcrumb?logo=npm&labelColor=black)](https://www.npmjs.com/package/@s-ui/react-molecule-breadcrumb)

[![Issues open](https://img.shields.io/github/issues-search/SUI-Components/sui-components?query=is%3Aopen%20label%3Acomponent%20label%3Abreadcrumb&logo=openbugbounty&logoColor=red&label=issues%20open&color=red)](https://github.com/SUI-Components/sui-components/issues?q=is%3Aopen+label%3Acomponent+label%3Abreadcrumb)
[![NPM](https://img.shields.io/npm/l/%40s-ui%2Freact-molecule-breadcrumb)](https://github.com/SUI-Components/sui-components/blob/main/components/molecule/breadcrumb/LICENSE.md)

## Installation

```sh
npm install @s-ui/react-molecule-breadcrumb --save
```

## Usage

```js
import MoleculeBreadcrumb from '@s-ui/react-molecule-breadcrumb'

const breadcrumbItems = [
  {
    label: 'accusantium',
    url: 'https://github.com/SUI-Components/sui-components'
  },
  {
    label: 'current section'
  }
]

return (
  <BreadcrumbBasic items={breadcrumbItems} />
)

```

**Find full description and more examples in the [demo page](https://sui-components.now.sh/workbench/molecule/breadcrumb).**