themesberg / themesberg/flowbite-react
Breadcrumb and Next.js's Link
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.1k
- Forks
- 506
- PR merge metrics
- No merged PRs in 30d
Description
- I have searched the Issues to see if this bug has already been reported
- I have tested the latest version
Summary
When used with Next.js, some components have a as attribute so they can be used with Next.js's Link component. For example:
import Link from 'next/link';
import { NavbarBrand } from 'flowbite-react';
<NavbarBrand as={Link} href='/'>...
However, it doesn't seem to be the case of BreadcrumbItem. It takes only an href element, but not as.
It is possible to surround a BreadcrumbItem with a Link. But it breaks the styling, a sign that this is not the right way to handle this.
Am I missing something?
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by inspecting the BreadcrumbItem API and comparing it with components that already accept an as prop for Next.js's Link. Verify how wrapping BreadcrumbItem affects its styling; done means BreadcrumbItem supports the Link usage shown without breaking its existing appearance or href behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, react, tailwindcss, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100