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

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| background | Sets the background color of navigation components (menus and navigation bars that help users move around the application). This is the main background color that appears behind the navigation items.<br>CSS variable: --wm-nav-background |
| margin | Controls the external spacing around the navigation component (space outside the nav container). This separates the navigation from surrounding content.<br>CSS variable: --wm-nav-margin |
| padding | Controls the internal spacing inside navigation components (the space between the navigation content and its borders). This creates breathing room around the navigation items.<br>CSS variable: --wm-nav-padding |
| border.radius | Controls the corner rounding of navigation items (individual menu options and links). This makes the navigation items appear with rounded corners for a softer appearance.<br>CSS variable: --wm-nav-item-radius |
| border.width | Controls the border thickness of the navigation container. Higher values create thicker borders.<br>CSS variable: --wm-nav-border-width |
| border.style | Controls the border style of the navigation container. Allowed values: solid, dashed, dotted, none.<br>CSS variable: --wm-nav-border-style |
| border.color | Sets the border color of the navigation container. Use a color that contrasts the background for visibility.<br>CSS variable: --wm-nav-border-color |
| shadow | Controls the drop shadow of the navigation container to create depth. Use to lift the nav above the page background.<br>CSS variable: --wm-nav-shadow |
| item.background | Sets the background color of individual navigation items (links/menu options).<br>CSS variable: --wm-nav-item-background |
| item.margin | Controls the external spacing around each navigation item (space between adjacent items).<br>CSS variable: --wm-nav-item-margin |
| item.padding | Controls the internal spacing inside each navigation item (space around the text/icon inside the item).<br>CSS variable: --wm-nav-item-padding |
| item.border.radius | Controls the corner rounding of each navigation item. Use higher values for rounded chips/pills.<br>CSS variable: --wm-nav-item-border-radius |
| item.border.width | Controls the border thickness of each navigation item.<br>CSS variable: --wm-nav-item-border-width |
| item.border.style | Controls the border style of each navigation item. Allowed values: solid, dashed, dotted, none.<br>CSS variable: --wm-nav-item-border-style |
| item.border.color | Sets the border color of each navigation item.<br>CSS variable: --wm-nav-item-border-color |
| item.shadow | Controls the drop shadow of navigation items to add depth and focus.<br>CSS variable: --wm-nav-item-shadow |
| item.caret.size | Controls the size of the caret indicator shown on items that open a submenu (the small triangle/arrow).<br>CSS variable: --wm-nav-item-caret-size |