ProductFeaturesDocs
Built InUI ComponentsAdmin ConsoleDatabaseBackendStorageAIRAGAuthSecurity
CompanyStoryAboutPricingBlogRoadmap
Install FLIN

Stack

Vertical flex container with configurable gap between items.

Basic Usage

Items stacked vertically with the default 1rem gap.

Item 1
Item 2
Item 3

Custom Gap

Larger 2rem gap for more breathing room between stacked items.

Large gap (2rem)
Between items
Evenly spaced

Form Layout

Stack is ideal for building form layouts with consistent spacing.

Card Content

Use Stack to organize content inside cards with consistent vertical rhythm.

AccountPro
Email[email protected]
Storage8.2 GB used

Usage

<Stack> <div>Item 1</div> <div>Item 2</div> <div>Item 3</div></Stack><Card> <Stack gap="0.75rem"> <Input placeholder="Full name" /> <Input placeholder="Email address" /> <Button>Sign Up</Button> </Stack></Card>

Props

PropTypeDefaultDescription
gapstring"1rem"Space between stacked items
childrencontent-Items to stack vertically