{
  "title": "VStack",
  "description": "Vertical stack with gap, align, and justify.",
  "url": "/docs/components/vstack",
  "since": "0.1.0",
  "tags": [
    "primitive",
    "layout"
  ],
  "platform": "both",
  "source": "---\ntitle: VStack\ndescription: Vertical stack with gap, align, and justify.\nsince: 0.1.0\ntags: [primitive, layout]\nplatform: both\ncategory: primitives\n---\n\nimport { BundleSize } from '@/components/bundle-size';\nimport { ExpoSnack } from '@/components/expo-snack';\nimport { Preview } from '@/components/preview';\nimport { PropsTable } from '@/components/props-table';\n\n<BundleSize component=\"VStack\" />\n\n## At a glance\n\n- Flex column with configurable `gap`, `align`, `justify`.\n- Mirror of [HStack](/docs/components/hstack) for vertical layouts.\n- Children stretch to the row's full width by default (cross-axis stretch). Set `align=\"start\"` / `\"center\"` / `\"end\"` to opt out, or wrap a child in a `Box` with a fixed width.\n\n## Preview\n\n<Preview name=\"vstack-basic\" />\n\n## Native preview\n\n<ExpoSnack component=\"VStack\" height={300} />\n\n## Props\n\n<PropsTable component=\"VStack\" />\n"
}