@c8s/breadcrumb
Usage
/**
* As to prepare of using the `Breadcrumb`
*
* ```sh
* 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!