Layout — Row e Column

O Seed oferece componentes de layout baseados em Flexbox para organizar conteúdo em linhas e colunas.

Cria um container flex horizontal. Ideal para alinhar elementos lado a lado.

```seed
@row
  @button variant=primary
    Salvar
  @button variant=secondary
    Cancelar
```

Variantes do @row

```seed
@row variant=between
  @image src=/logo.png, alt=Logo
  @button variant=primary
    Login
```

Coluna flex para usar dentro de @row ou diretamente como container de bloco.

```seed
@row
  @column variant=span-6
    Esquerda
  @column variant=span-6
    Direita
```

Variantes do @column (spans)

Cria espaço vertical entre elementos:

```seed
@hero
  ...

@spacer variant=xl

@accordion
  ...
```

Variantes do @spacer

Linha horizontal separadora:

```seed
@spacer variant=xl
@divider
@spacer variant=xl
```

Gera <hr class="divider border-t border-gray-300 my-4">.