<!-- AUTO-GENERATED FILE. Do not edit manually. -->

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| gap | Controls the vertical spacing between breadcrumb navigation rows when they wrap to multiple lines. This creates breathing room between different lines of navigation links.<br>CSS variable: --wm-breadcrumb-gap |
| item.gap | Controls the horizontal spacing between elements within each breadcrumb navigation item (like between icons and text, or between text and separators).<br>CSS variable: --wm-breadcrumb-item-gap |
| item.font-size | Controls how large the text appears in breadcrumb navigation links (like 'Home', 'Products', 'Category'). This affects the size of the clickable navigation text.<br>CSS variable: --wm-breadcrumb-item-font-size |
| item.font-family | Sets the typeface (font style) for breadcrumb navigation links. This determines whether the navigation text appears in Arial, Times New Roman, or other font styles.<br>CSS variable: --wm-breadcrumb-item-font-family |
| item.font-weight | Controls how thick or bold the breadcrumb navigation text appears. 'normal' makes it regular weight, 'bold' makes it thicker, and numbers (100-900) provide fine control over thickness.<br>CSS variable: --wm-breadcrumb-item-font-weight |
| item.line-height | Controls the vertical spacing between lines when breadcrumb navigation text wraps to multiple lines. Higher values create more space between lines for better readability.<br>CSS variable: --wm-breadcrumb-item-line-height |
| item.text-transform | Controls text transformation for breadcrumb items. Acceptable values: none, uppercase, lowercase, capitalize.<br>CSS variable: --wm-breadcrumb-item-text-transform |
| item.color | Sets the text color of breadcrumb items.<br>CSS variable: --wm-breadcrumb-item-color |
| item.text.decoration | Controls text decoration for breadcrumb items. Acceptable values: none, underline, overline, line-through.<br>CSS variable: --wm-breadcrumb-item-text-decoration |
| item.separator.color | Sets the color of breadcrumb separators.<br>CSS variable: --wm-breadcrumb-item-separator-color |
| item.separator.size | Controls the size of breadcrumb separators.<br>CSS variable: --wm-breadcrumb-item-separator-size |
| item.icon.color | Sets the color of breadcrumb item icons.<br>CSS variable: --wm-breadcrumb-item-icon-color |
| item.icon.size | Controls the size of breadcrumb item icons.<br>CSS variable: --wm-breadcrumb-item-icon-size |