Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/youngjuning/nextjs-antd-breadcrumbs
A antd-based breadcrumbs component for Next.js
https://github.com/youngjuning/nextjs-antd-breadcrumbs
antd breadcrumbs nextjs
Last synced: about 2 months ago
JSON representation
A antd-based breadcrumbs component for Next.js
- Host: GitHub
- URL: https://github.com/youngjuning/nextjs-antd-breadcrumbs
- Owner: youngjuning
- Created: 2021-12-15T08:33:41.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-15T09:40:42.000Z (about 3 years ago)
- Last Synced: 2024-10-28T15:28:52.031Z (2 months ago)
- Topics: antd, breadcrumbs, nextjs
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/nextjs-antd-breadcrumbs
- Size: 445 KB
- Stars: 3
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# nextjs-antd-breadcrumbs
> A antd-based breadcrumbs component for Next.js
[![NPM](https://img.shields.io/npm/v/nextjs-antd-breadcrumbs.svg)](https://www.npmjs.com/package/nextjs-antd-breadcrumbs)
## Installation
```bash
yarn add nextjs-antd-breadcrumbs
```## Usage
The component needs to be used within Next.js and won't work in plain React.
It will always display a dynamic Breadcrumb navigation, based on the current path of the Next router.```tsx
import React from 'react';
import Breadcrumbs from 'nextjs-antd-breadcrumbs';const Example = () => {
return ;
};
```