ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

Stepper

Displays progress through a sequence of steps. Each child represents a step in the process.

Checkout Steps

E-commerce checkout flow with cart, shipping, payment, and confirmation steps.

Cart
Shipping
Payment
Confirm

Account Setup

New user onboarding wizard with profile, security, and preferences.

Profile
Security
Preferences

Numbered Steps

Numbered step indicators for file processing or data pipeline workflows.

1Upload
2Review
3Process
4Complete

Deployment Pipeline

CI/CD deployment pipeline with build, test, staging, and production stages.

Build
Test
Staging
Production

Application Process

Job application tracking from submission to final offer.

Apply
Screen
Interview
Offer

Usage

<Stepper> <div><Icon name="shopping-cart" size="20" /><span>Cart</span></div> <div><Icon name="truck" size="20" /><span>Shipping</span></div> <div><Icon name="credit-card" size="20" /><span>Payment</span></div> <div><Icon name="check-circle" size="20" /><span>Confirm</span></div></Stepper>

Props

PropTypeDescription
childrencontentStep items, each as a div with an icon/number and label