Os blocos vivem em packages/ui/src/blocks e importam-se com @zexon/ui/blocks/<nome-do-ficheiro>. Incluem secções de página reutilizáveis (hero, grelhas) e composições compostas — cartões de métrica, feeds de demonstração, molduras tipo browser, barras de distribuição — construídas a partir dos primitivos em components/.
Use blocos quando uma composição se repetir em várias páginas ou apps; mantenha primitivos em components/ quando for um único controlo ou padrão atómico.
Importação
import { MetricCard } from "@zexon/ui/blocks/metric-card";Novos blocos devem seguir o mesmo visual Zexon (raio --radius, bordas finas, estados de foco claros) e reutilizar tokens semânticos do tema.
Anterior:
Próximo: