Composant · Structure

Col

Stable

Colonne d'une grille à 12 : span (1–12 ou « auto »), offset et surcharges responsives sm/md/lg. À utiliser dans une Row.

Exemples

offset=4

span=4 offset=4

Voir le code (Svelte)

<Row gutter={4}>
  <Col span={4} offset={4}>
    <Card>
      <p class="fp-card-text">span=4 offset=4</p>
    </Card>
  </Col>
</Row>

span="auto" + span=6

auto

span=6

Voir le code (Svelte)

<Row gutter={4}>
  <Col span="auto">
    <Card>
      <p class="fp-card-text">auto</p>
    </Card>
  </Col>
  <Col span={6}>
    <Card>
      <p class="fp-card-text">span=6</p>
    </Card>
  </Col>
</Row>

API

Prop	Type	Default
`span`	`number \| "auto"`	`"auto"`
`offset`	`number` (0–11)	`0`
`sm` / `md` / `lg`	`number \| "auto"`	–
`as`	`string`	`"div"`

La largeur tient compte de --st-row-gutter pour que 12 colonnes tiennent sur une ligne.

Tokens utilisés

--st-row-gutter (hérité de Row)