LayoutExemplo interativo

Grid

Container, Row e Col com spans responsivos e gutter por token.

Abrir Storybook

Container · Row · Col

Base empilha; sm a partir de 641px; md a partir de 1025px. O gutter é o token --lex-gutter.

Ao vivo
span 12 (mobile)
6 / 4 / —
6 / 4 / —
total no md
12 / 6 / 3
6 / 9

Container fluid

Ocupa 100% da largura, sem limite de --lex-content-max.

Ao vivo
Fluido de ponta a ponta

Importação

Use somente a API pública do LexUI.

import { Container, Row, Col } from "@lexui/react"