Components · Layout
Stack
StableSince v0.0.1
Vertical stack layout with configurable gap.
import { Stack } from '@nexub/react';Examples
Default
With dividers
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| gap | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Spacing between child elements. |
| align | 'start' | 'center' | 'end' | 'stretch' | — | Cross-axis alignment of children. |
| dividers | boolean | — | Renders a divider line between each child element. |
On iOS & Android
Web only
Stack has no @nexub/react-native twin. On phones, follow the platform pattern instead, or compose it from the native components listed on the React Native page.