Scroll Area
A native scroll container with custom scrollbars.
Fugiat adipisicing dolor ut irure. Ut aute Lorem labore est aute quis officia quis consectetur in amet id velit dolore. Occaecat labore adipisicing nostrud veniam. Eu non tempor ipsum. Sunt irure enim enim sint magna laboris ex tempor excepteur nulla est amet culpa.
Est nulla commodo laboris velit ipsum dolore. Magna id anim Lorem labore minim aute irure laboris. Velit elit duis exercitation duis mollit enim cupidatat consectetur mollit non officia deserunt fugiat do deserunt.
Features
- Uses native browser scrolling for performance
- Supports vertical and horizontal scrolling
- Customizable scrollbar appearance
- Supports visibility modes: always, scroll, or hover
- Scrollbar thumb reflects the actual scroll position
Installation
typo3 ui:add scroll-area
Please copy the files manually from GitHub into your project.
Read more about installing Components and Primitives.
Examples
Horizontal Scroll
Enable horizontal scrolling for wide content.
Both Directions
Support scrolling in both vertical and horizontal directions.
Large content that scrolls in both directions.
Anatomy
<primitives:scrollArea.root>
<primitives:scrollArea.viewport>
<primitives:scrollArea.content />
</primitives:scrollArea.viewport>
<primitives:scrollArea.scrollbar>
<primitives:scrollArea.thumb />
</primitives:scrollArea.scrollbar>
</primitives:scrollArea.root>