UEI Preset Operator

ScreenGrid Reference

Consulte esta subpágina para ver import, available props, exemplo de uso e controles vivos do component.

Comece por `atoms` e avance para níveis maiores só quando a capacidade realmente precisar de composição.

Atoms

Molecules

Organisms

Templates

Back to templates

Small shared layout helper for recurring page-level grid presets.

Use when: Use for repeated responsive layouts already promoted into the Screen template module.

Import

import { ScreenGrid } from "@components/index";

Example

<ScreenGrid preset="summaryTiles">...</ScreenGrid>

Available Props

preset"mainColumns" | "summaryTiles" | "formTwoColumns"

Selects the shared responsive layout.

childrenReactNode

Grid content.

Live Preview

Tile A

Tile B

Tile C

Tile D

Controls

summaryTiles

formTwoColumns

mainColumns