Scrollbar
Use af-scrollbar for a modern styled scrollbar that adapts to your theme.
Quick reference
Section titled “Quick reference”| Class | Styles |
|---|---|
af-scrollbar | Styled scrollbars (Firefox + WebKit) using design tokens |
Examples
Section titled “Examples”Styled scrollbar
<div class="af-scrollbar af-border af-radius" style="overflow: auto; height: 200px; padding: 1rem;">
<p class="af-text">Scroll to see the styled scrollbar thumb.</p>
<div style="height: 500px;"></div>
</div>Available classes
Section titled “Available classes”af-scrollbar