Getting Started
Introduction
Installation
Client Side Routing
MCP Server
LLMs

Framework Guides
Nextjs
Laravel
Vite
Tanstack Start

Components

Buttons
Button
File Trigger
Toggle

Charts
Chart

Collections
Accordion
Bubble
Collapsible
Context Menu
Dropdown Menu
Grid List
Item
List Box
Message
Table
Tag Group
Tree

Colors
Color

Controls
Command
Kbd
Slider
Switch
Toolbar

Date And Time
Calendar
Range Calendar
Date Field
Date Picker
Date Range Picker
Time Field

Drag And Drop
Drop Zone

Forms
Field
Input
Combobox
Input Group
Checkbox
Radio
Select
Text Field
Number Field
Search Field
Input OTP

Layouts
Container
Navbar
Sidebar

Media
Avatar
Carousel

Navigation
Link
Breadcrumbs
Tabs
Pagination

Overlays
Dialog
Alert Dialog
Sheet
Popover
Tooltip

Statuses
Alert
Badge
Empty
Meter
Progress
Skeleton
Toastalpha

Surfaces
Card
Separator

On this page

Breadcrumbs

breadcrumb-demo

Home
Docs
Components
Breadcrumb

Installation

CLI

Manual

npx shadcn add https://hq-ui.vercel.app/r/breadcrumb

Examples

Separator

breadcrumb-separator

Home/
Docs/
Components/
Breadcrumb

Home
Docs
Components
Breadcrumb

Home
Docs
Components
Breadcrumb

Dropdown Menu

breadcrumb-dropdown-menu

Components
Breadcrumb

breadcrumb-01

Dashboard
Settings
Profile

breadcrumb-02

Dashboard/
Settings/
Profile

breadcrumb-03

Dashboard
Settings
Profile

breadcrumb-04

Dashboard
Settings
Profile

breadcrumb-05

Dashboard
Settings
Profile

breadcrumb-06

Dashboard
Settings

breadcrumb-07

Profile

breadcrumb-08

Dashboard
Settings
Profile

breadcrumb-09

Dashboard
Profile

breadcrumb-10

Dashboard
Profile

On this page

Installation
Examples
Separator
Dropdown Menu