Options

Basic usage

Contents are left aligned in the breadcrumb by default.

Alternatively you can nest the list inside the breadcrumb element. The first list will be used as the left aligned breadcrumbs, additional content will right aligned.

Examples

Breadcrumb with theme toggle

Manifest

The component manifest describes this component's API — its modifiers, structure, data attributes, CSS custom properties, accessibility notes, and example markup. It is consumed by tooling such as AI assistants and code generators.

Latest version: https://assets.soracom.io/sds/latest/ds-breadcrumb/index.mjs