# Vertical

## Usage

The `Vertical` component arranges child elements vertically with configurable spacing. It provides a standardized way to arrange child elements vertically with consistent spacing between them.

### Typical usage pattern

- Use for stacking form fields, content blocks, or other UI components vertically
- Place within sections, views, or other layout components to organize content
- Use different spacing variants (xxs, xs, s, m, l, xl) to control gaps between items
- Combine with `m-horizontal` for complex nested layouts

### Example

```html
<m-vertical spacing="m">
  <m-input-text label="First Name" />
  <m-input-text label="Last Name" />
</m-vertical>
```