FLIN App

Basic List

Simple list with icon-prefixed items and hover highlights.

Juste A.

Claude

Ada L.

Settings Menu

Navigation-style list with different icons per item.

General Settings

Notifications

Security

Appearance

Language

File Browser

File and folder listing with appropriate icons.

components/

layouts/

entities/

index.flin

app.css

Task List

Checklist-style items with status indicators.

Set up project structure

Design entity schemas

Build API routes

Write documentation

Usage

<List> <ListItem><Icon name="user" size="16" /> Juste A.</ListItem> <ListItem><Icon name="user" size="16" /> Claude</ListItem> <ListItem><Icon name="user" size="16" /> Ada L.</ListItem></List>

Props

Prop	Type	Description
`children`	content	ListItem components

List

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Basic List

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Settings Menu

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } File Browser

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Task List