@arnat/styled-breadcrumb

The bootstrap breadcrumb component created with styled-components

Usage no npm install needed!

<script type="module">
  import arnatStyledBreadcrumb from 'https://cdn.skypack.dev/@arnat/styled-breadcrumb';
</script>

README

ARNAT - styled-breadcrumb

npm Travis branch Codecov branch storybook lerna

Modular approach to use bootstrap components for quick prototypes, as an entrypoint of the component library.

Usage

import { Breadcrumb, BreadcrumbItem } from '@arnat/styled-breadcrumb';

const MyBreadcrumbComponent = props => (
  <Breadcrumb>
    <BreadcrumbItem>
      <a href="#">Home</a>
    </BreadcrumbItem>
    <BreadcrumbItem>
      <a href="#">Library</a>
    </BreadcrumbItem>
    <BreadcrumbItem active>Data</BreadcrumbItem>
  </Breadcrumb>
);

Properties

Properties which can be added to the component to change the visual appearance.

  • pill only on Breadcrumb Type: boolean
  • noRadius only on Breadcrumb Type: boolean
  • active only on BreadcrumbItem Type: boolean