Web Components - Breadcrumb
As defined by the W3C:
A breadcrumb trail consists of a list of links to the parent pages of the current page in hierarchical order. It helps users find their place within a website or web application. Breadcrumbs are often placed horizontally before a page's main content.
Set-up
import { provideDesignSystem, alphaBreadcrumb, alphaBreadcrumbItem } from '@genesislcap/alpha-design-system';
provideDesignSystem().register(alphaBreadcrumb(), alphaBreadcrumbItem());
Usage
Live Editor
<alpha-breadcrumb> <alpha-breadcrumb-item href="#">Breadcrumb item 1</alpha-breadcrumb-item> <alpha-breadcrumb-item href="#">Breadcrumb item 2</alpha-breadcrumb-item> <alpha-breadcrumb-item>Breadcrumb item 3</alpha-breadcrumb-item> </alpha-breadcrumb>
Result
Loading...
Use cases
- Breadcrumb trail navigation