Breadcrumbs
iconiq-ui/breadcrumbsFreeComponent
Compound breadcrumb trail with Base UI render composition, subtle Motion transitions, and dedicated current-page and separator parts.
Install it
npx shadcn@latest add https://www.iconiqui.com/r/breadcrumbs.jsonSource
1"use client";23import { mergeProps } from "@base-ui/react/merge-props";4import { useRender } from "@base-ui/react/use-render";5import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";6import { AnimatePresence, motion } from "motion/react";7import type * as React from "react";8import {9 forwardRef,10 type ReactNode,11 useCallback,12 useEffect,13 useId,14 useMemo,15 useRef,16 useState,17} from "react";1819import { cn } from "@/lib/utils";2021const componentThemeClassName =22// … truncated
What it pulls in
npm packages
Files it writes
More from Iconiq UI
All 119 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | Iconiq UI | Components | Free | 2 deps | |
| AI Inputai-input | Iconiq UI | Components | Free | 3 deps | |
| Alertalert | Iconiq UI | Components | Free | 2 deps | |
| Avataravatar | Iconiq UI | Components | Free | 3 deps | |
| Accordion (Base UI)b-accordion | Iconiq UI | Components | Free | 2 deps | |
| Alert Dialog (Base UI)b-alert-dialog | Iconiq UI | Components | Free | 3 deps | |
| Autocomplete (Base UI)b-autocomplete | Iconiq UI | Components | Free | 3 deps | |
| Avatar (Base UI)b-avatar | Iconiq UI | Components | Free | 2 deps |
