Dev Design Library

Breadcrumb

A trail of links to the current page with one fluid hover across every crumb. Steps can lead with an icon, open a Dropdown, or collapse behind an ellipsis.

Breadcrumb preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
motion
Install
npx shadcn@latest add @fluid/breadcrumb
Files
  • registry/default/breadcrumb.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
  • registry/default/lib/icon-context.tsx
  • registry/default/hooks/use-fluid-hover.ts
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism