Component

Breadcrumbs

Name: Forge
Rating: 5 (1 reviews)
Author: Webba Creative

Show navigation hierarchy and allow quick navigation to parent pages.

tsx

import { Breadcrumbs } from 'wss3-forge'

Usage

•

Use for hierarchical navigation

•

Last item has no href (current page)

•

Keep breadcrumb trail short (3-5 levels)

•

Supports maxItems for collapsing

Examples

Basic Breadcrumbs

tsx

1<Breadcrumbs
2  items={[
3    { label: 'Home', href: '/' },
4    { label: 'Docs', href: '/docs' },
5    { label: 'Components' }
6  ]}
7/>

Deep Navigation

tsx

1<Breadcrumbs
2  items={[
3    { label: 'Home', href: '/' },
4    { label: 'Products', href: '/products' },
5    { label: 'Electronics', href: '/products/electronics' },
6    { label: 'Smartphones' }
7  ]}
8/>

AppSidebar

Footer

Last updated: December 2025

Breadcrumbs

Usage

Examples

Basic Breadcrumbs

Deep Navigation

Cookies