# Horizontal

## Usage

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

### Typical usage pattern

- Use for arranging form elements, buttons, or other UI components side by side
- Place within sections or other layout components to group related elements
- Use different spacing variants (xxs, xs, s, m, l, xl) to control gaps between items
- Combine with `m-vertical` for complex nested layouts