Breadcrumbs
Navigate your way through pages, like following a trail back home, essential for easy site navigation.

Installation

In the terminal, run the following command to begin:
npx hq-kit add breadcrumbs

Basic

  1. Home
  2. Docs
  3. Components
  1. Home
  2. Components

Collections

  1. Home
  2. Docs
  3. Components

Separator

  1. Home
  2. Docs
  3. Components
  1. Home
  2. Docs
  3. Components
  1. Home
  2. Docs
  3. Components
  1. Home
  2. Docs
  3. Components

Current

  1. Home
  2. Docs
  3. Components

Icon

  1. Home
  2. Docs
  3. Components

By URL (Next.js)

You can also use breadcrumbs to navigate between pages using the URL.