With ellipsis

Middle levels replaced by a static ellipsis icon, showing only the first and last crumbs.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/breadcrumb-05

Files

• registry/patterns/breadcrumb/breadcrumb-05.tsx
• src/components/ui/breadcrumb.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Breadcrumb Components
• React Breadcrumb Components
• Tailwind CSS Breadcrumb Components
• shadcn/ui Breadcrumb Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• shadcn/ui Navigation Components

More from FLX UI

• Basic
• With icons
• Custom separator
• Dot separator
• With dropdown
• Responsive collapse
• As link
• Dropdown at end
• Basic
• Multiple
• With icons
• FAQ