Breadcrumb

Installation

With the shadcn CLI

Manually

1. Install the dependencies.

   $npm install lucide-react motion

2. Copy these files into your project. Shared files are skipped if you already have them.

   • components/silicon-ui/breadcrumb/breadcrumb.tsx
   • components/silicon-ui/breadcrumb/breadcrumb.module.css
   • components/silicon-ui/lib/silicon-provider.tsx shared

3. Install the foundation once per app for the design and motion tokens: $npx shadcn@latest add @silicon-ui/silicon-foundation

Usage

import { Breadcrumb } from "@/components/silicon-ui/breadcrumb/breadcrumb";

API reference

Dependencies

npm

lucide-reactmotion

Registry

silicon-motion-tokens

Related