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

# Token Reference Table

This table lists all tokens for this component:

| Token | Description |
|-------|------------|
| bar.width | Controls how wide scrollbars appear (the vertical scrollbar on the right side of content areas). This determines the thickness of the scrollbar track and thumb.<br>CSS variable: --wm-scroll-bar-width |
| bar.height | Controls how tall scrollbars appear (the horizontal scrollbar at the bottom of content areas). This determines the thickness of the scrollbar track and thumb.<br>CSS variable: --wm-scroll-bar-height |
| bar.track.bg | Sets the background color of scrollbar tracks (the channel that the scrollbar thumb moves along). This is the background area of the scrollbar.<br>CSS variable: --wm-scroll-bar-track-bg |
| bar.track.radius | Controls the corner rounding of scrollbar tracks (the channel that the scrollbar thumb moves along). This makes the scrollbar track appear with rounded corners.<br>CSS variable: --wm-scroll-bar-track-radius |
| bar.thumb.bg | Sets the background color of scrollbar thumbs (the draggable part of the scrollbar that users click and drag to scroll). This is the interactive element of the scrollbar.<br>CSS variable: --wm-scroll-bar-thumb-bg |
| bar.thumb.radius | Controls the corner rounding of scrollbar thumbs (the draggable part of the scrollbar). This makes the scrollbar thumb appear with rounded corners.<br>CSS variable: --wm-scroll-bar-thumb-radius |
| bar.thumb.hover | Sets the background color of scrollbar thumbs when users hover over them (the draggable part of the scrollbar). This provides visual feedback when users interact with the scrollbar.<br>CSS variable: --wm-scroll-bar-thumb-hover |