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

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| indicators.border.@ | Sets the border color of carousel indicators (the small dots at the bottom that show which slide is active). These dots help users navigate between different slides in the carousel.<br>CSS variable: --wm-carousel-indicators-border |
| indicators.border.style | Controls the border style of carousel indicators. Acceptable values: solid, dashed, dotted, none. This affects the outline appearance of the navigation dots.<br>CSS variable: --wm-carousel-indicators-border-style |
| indicators.border.width | Controls the thickness of the border around carousel indicators. This creates the outline effect around each navigation dot.<br>CSS variable: --wm-carousel-indicators-border-width |
| indicators.radius | Controls the corner rounding of carousel indicators. When set to circle, the indicators appear as perfect round dots. Other values create rounded rectangles.<br>CSS variable: --wm-carousel-indicators-radius |
| indicators.background | Sets the background color of carousel indicators (the navigation dots). When transparent, only the border is visible. When filled, the dot appears solid.<br>CSS variable: --wm-carousel-indicators-background |
| indicators.size | Controls the diameter of carousel indicators (the navigation dots). Larger values make the dots more prominent and easier to click. Acceptable units: px, em, rem.<br>CSS variable: --wm-carousel-indicators-size |
| indicators.gap | Controls the horizontal spacing between individual carousel indicators (navigation dots). This creates visual separation between each dot so users can easily distinguish between them.<br>CSS variable: --wm-carousel-indicators-gap |
| indicators.margin | Controls the outer margin around each carousel indicator. This creates additional space around each navigation dot, affecting the overall spacing and clickable area.<br>CSS variable: --wm-carousel-indicators-margin |
| control.icon.font.size | Controls the size of carousel navigation arrow icons (left/right arrows that allow users to manually navigate between slides). Larger values make the arrows more prominent and easier to click. Acceptable units: px, em, rem.<br>CSS variable: --wm-carousel-control-icon-font-size |
| caption.padding.top | Controls the top padding (vertical spacing) inside the carousel caption area. This creates breathing room above the caption text that appears as an overlay on carousel slides. Acceptable units: px, em, rem.<br>CSS variable: --wm-carousel-caption-padding-top |
| caption.padding.bottom | Controls the bottom padding (vertical spacing) inside the carousel caption area. This creates breathing room below the caption text that appears as an overlay on carousel slides. Acceptable units: px, em, rem.<br>CSS variable: --wm-carousel-caption-padding-bottom |
| caption.color | Sets the text color of carousel captions (the text overlay that appears on top of carousel slides). This is typically white or a light color to ensure good contrast against dark slide backgrounds.<br>CSS variable: --wm-carousel-caption-color |