# Component/Stack/VStack

> Props: component-stack-vstack.props.txt

## Examples


### Base

```tsx
{
  render: args => <VStack {...args}>
      <Box background={colors.red150} />
      <Box background={colors.red200} />
      <Box background={colors.red400} />
      <Box background={colors.red500} />
    </VStack>
}
```

### Spacing

```tsx
{
  render: args => <VStack {...args}>
      <Box background={colors.red150} />
      <Box background={colors.red200} />
      <Box background={colors.red400} />
      <Box background={colors.red500} />
    </VStack>,
  args: {
    spacing: 12
  }
}
```

### Spacing Auto

```tsx
{
  render: args => <VStack {...args}>
      <Box background={colors.red150} />
      <Box background={colors.red200} />
      <Box background={colors.red400} />
      <Box background={colors.red500} />
    </VStack>,
  args: {
    height: 500,
    spacing: 'auto'
  }
}
```