styled-breadcrumb-component

The bootstrap breadcrumb component created with styled-components

Usage no npm install needed!

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

README

styled-breadcrumb-component

npm Travis branch Codecov branch storybook lerna

The bootstrap breadcrumb component made with styled-components.

This is a modular approach to use bootstrap components for quick prototypes, as an entrypoint of your own component library, or if you need just one bootstrap component for your application.

Installation

npm install --save styled-breadcrumb-component
npm install --save styled-components@^4.1.3 react@^16.7.0 # Peer dependencies

Usage

For detailed information take a look at the documentation.

import {
  Breadcrumb,
  BreadcrumbItem,
} from 'styled-breadcrumb-component';

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

License

MIT © Lukas Aichbauer