Default List

Standard scrollable list with 18 items at the default 300px height.

Item 1 - Introduction to FLIN
Item 2 - Setting up your project
Item 3 - Entities and models
Item 4 - File-based routing
Item 5 - Components overview
Item 6 - Layouts and themes
Item 7 - Session management
Item 8 - API routes
Item 9 - Middleware
Item 10 - Validation
Item 11 - Authentication
Item 12 - Database queries
Item 13 - Internationalization
Item 14 - Deployment
Item 15 - Performance tips
Item 16 - Testing strategies
Item 17 - Error handling
Item 18 - Advanced patterns

Short Height (200px)

Compact scrollable list with reduced viewport height for tight layouts.

Build the homepage
Write API documentation
Fix login bug
Deploy to staging
Review pull requests
Update dependencies
Add unit tests
Optimize database
Setup monitoring
Configure CI/CD

With ListItem Components

Virtual list using ListItem components with icons for email-style navigation.

Inbox (12)
Sent
Drafts (3)
Starred
Archive
Trash
Labels
Filters
Settings

Usage

<VirtualList> <div>Item 1</div> <div>Item 2</div> <div>Item 3</div></VirtualList><VirtualList height="200"> <ListItem><Icon name="inbox" size="16" /> Inbox</ListItem> <ListItem><Icon name="send" size="16" /> Sent</ListItem></VirtualList>

Props

PropTypeDefaultDescription
heighttext"300"Viewport height in pixels
childrencontent-List items to render