Components
Loading preview...
A tag list Breadcrumb component with counters, ideal for displaying categories, filters, or topics with their associated counts.
@nextjsshop
npx shadcn@latest add https://21st.dev/r/nextjsshop/tags-breadcrumbimport { Breadcrumb } from "@/components/ui/tags-breadcrumb";
export default function DemoOne() {
return <Breadcrumb
tags={[
{ name: "design", href: "#", count: 128 },
{ name: "ui", href: "#", count: 86 },
{ name: "ux", href: "#", count: 54 },
{ name: "inspiration", href: "#", count: 32 },
]}
/>;
}