Layout & chrome
CmRow / CmCol / CmStack / CmContainer
Use estes primitivos antes de criar CSS local. Eles centralizam gap, alinhamento, wrap e largura máxima.
Import
// Disponível nos dois entries (mesma referência)
import { CmStack } from "cosmemilton-ui/server";
import { CmStack } from "cosmemilton-ui/client";Uso super básico
Stack organiza a coluna, Row alinha a linha e Card recebe o conteúdo.
Resumo operacional
Atualizado18 tarefas abertas
Composição básica sem CSS local.
Superfície tokenizada
Use padding, borda, raio e superfície quando o layout também precisa desenhar uma área.
Resumo operacional
Atualizado18 tarefas abertas
Use Row, Stack e Container com espaçamento, superfície, borda e raio tokenizados.
API rápida
Props principais de cada peça exportada.
CmRow
gapalignjustifywrapfullWidthgrowpaddingpaddingInlinepaddingBlockmarginmarginInlinemarginBlocksurfaceradiusborderborderColoras
CmCol/CmStack
gapdirectionalignjustifywrapfullWidthgrowpaddingmarginsurfaceradiusborder
CmContainer
maxWidthpaddingpaddingInlinepaddingBlockfluidas
Notas
Row, Col e Stack aceitam espaçamento e superfície tokenizados para reduzir wrappers e estilos inline.
CmContainer.padding funciona como shorthand; use paddingInline/paddingBlock para controlar os eixos separadamente.