ScrollArea
Scrollable container with a fixed height. Overflowing content becomes scrollable.
Table of Contents
Scrollable list of chapters with a fixed 200px height.
1. Introduction to FLIN
2. Getting Started
3. Entities and Data
4. Components
5. Layouts and Routing
6. Events and Binding
7. Queries and Filters
8. Session and Auth
9. API Routes
10. Middleware
11. Deployment
12. Advanced Patterns
Task Checklist
Compact 120px scrollable checklist with icons.
Build user interface
Add authentication
Create API routes
Write tests
Deploy to production
Monitor performance
Scale infrastructure
Activity Log
ScrollArea inside a Card for a contained activity feed.
User signed in - 2 min ago
Profile updated - 15 min ago
New order placed - 1 hr ago
Password changed - 3 hrs ago
File uploaded - 5 hrs ago
Account created - 1 day ago
Email verified - 1 day ago
Member List
Scrollable member list with avatars and roles.
Admin
Developer
Designer
QA Lead
DevOps
PM
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
height | text | "300" | Maximum height in pixels before scrolling activates |
children | content | - | Content to display inside the scrollable area |