Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/stack.json
Usage
import { Stack } from "@/components/ui/stack";<Stack direction="vertical" gap={1}>
<Text>First</Text>
<Text>Second</Text>
<Text>Third</Text>
</Stack>API Reference
Stack
| Prop | Type | Default |
|---|---|---|
direction | "vertical" | "horizontal" | "vertical" |
gap | number | 0 |
children | ReactNode | required |
width | number | string | undefined |
height | number | string | undefined |
alignItems | "flex-start" | "center" | "flex-end" | undefined |
justifyContent | "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | undefined |