Breadcrumb

A breadcrumb navigation provides links back to each previous page the user navigated through, and shows the user's current location in a website.

1. Google
2. /
3. Facebook
4. /
5. Twitter

import React from 'react';
import { Breadcrumb } from 'chic-ui';

<Breadcrumb separator="/">
  <div>
    <a href="https://www.google.com">Google</a>
  </div>
  <div>
    <a href="https://facebook.com">Facebook</a>
  </div>
  <div>
    <a href="https://twitter.com">Twitter</a>
  </div>
</Breadcrumb>;

API

import { Breadcrumb } from 'chic-ui';

Name	Type	Default	Description
separator	ReactNode | string		Adds a separator between in the links
className	string		Provide external classnames to the component
style	React.CSSProperties		Override default styling of the component