FLIN App

Activity Feed

Chronological project events with timestamps and descriptions.

Project created

Juste A. initialized the repository

2 hours ago

First commit

Added initial project structure and configuration

1 hour ago

Team invited

3 members added to the project

30 minutes ago

Deployed to staging

v0.1.0 deployed successfully

Just now

Order Tracking

Track delivery progress with status badges on each step.

Order placed Complete

Jan 15, 2026

Payment confirmed Complete

Jan 15, 2026

Shipped In transit

Jan 16, 2026

Delivery Pending

Expected Jan 19, 2026

Usage

<Timeline> <div> <strong>Project created</strong> <div>Juste A. initialized the repository</div> <div>2 hours ago</div> </div> <div> <strong>Shipped</strong> <Badge type="info">In transit</Badge> </div></Timeline>

Props

Prop	Type	Description
`children`	content	Timeline event blocks (divs with content)

Timeline

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

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

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

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

Activity Feed

Order Tracking

Usage

Props