Components / Scroll Area
Scroll Area
A focusable native scroll region with optional scrollbar styling.
Native scrolling
Keyboard and touch
Visible focus
Optional scrollbar
html
<aevko-scroll-area class="max-h-80">
...
</aevko-scroll-area>Installation
npx aevko-ui@latest add scroll-area --yesSource ownership
Customization
Keep native scrolling and use the scrollbar input only for presentation. Size the host with normal CSS or utility classes.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
tabIndex | number | 0 | Tab order of the native scroll region. |
scrollbar | 'auto' | 'thin' | 'hidden' | 'auto' | Visual scrollbar treatment without replacing native scrolling. |
Accessibility contract
Accessibility
Included behavior
- Native scrolling preserves touch, wheel and keyboard behavior.
- Add an accessible label when context is unclear.
Your responsibility
Add a contextual accessible label when the scroll region is not obvious from surrounding content.