0.0.7 • Published 5 years ago

@c8s/breadcrumb v0.0.7

Weekly downloads
1
License
MIT
Repository
-
Last release
5 years ago

@c8s/breadcrumb

github npm:version typescript license browserslist code style:prettier

Usage

/**
 * As to prepare of using the `Breadcrumb`
 * 
 * ```bash
 * yarn add @c8s/breadcrumb @c8s/theme react @types/react styled-components @types/styled-components
 * ```
 */
import Breadcrumb from '@c8s/breadcrumb';
import {Theme, theme} from '@c8s/theme';

Example

() => (
  <Theme theme={theme}>
    {/* ... */}
      <Breadcrumb>
        <a href="...">Home</a>
        <a href="...">List</a>
        <a href="..." aria-selected={true}>Detail</a>
      </Breadcrumb>
    {/* ... */}
  </Theme>
);

In NextJS

import Link from 'next/link';

() => (
   <Theme theme={theme}>
    {/* ... */}
      <Breadcrumb>
        <Link>
          <a href="...">Home</a>
        </Link>
        <Link>
          <a href="...">List</a>
        </Link>
        <Link>
          <a href="..." aria-selected={true}>Detail</a>
        </Link>
      </Breadcrumb>
    {/* ... */}
  </Theme> 
)

Contributors

Thanks goes to these wonderful people (emoji key):

純📖Aki-Japan📖

This project follows the all-contributors specification. Contributions of any kind welcome!