Breadcrumb

A compact path that helps users stay oriented in deeper flows.

The Breadcrumb Component

Basic Usage

Code Snippet

<script lang="ts">		import { Breadcrumb } from '$lib/components'; 		const items = [			{ label: 'Workspace', href: '/components' },			{ label: 'Settings' },			{ label: 'Billing', current: true }		];	</script> 	<Breadcrumb items={items} />

Examples

Icons

Use icons sparingly for the first step in a path.