Components · Layout
Grid
StableSince v0.0.1
CSS Grid layout primitive.
import { Grid } from '@nexub/react';Examples
2-column
3-column
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cols | number | string | — | Number of columns or a custom grid-template-columns value. |
| gap | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | — | Gap between grid cells using design tokens. |
| align | 'start' | 'center' | 'end' | 'stretch' | — | Sets the align-items CSS property for all grid cells. |
On iOS & Android
Web only
Grid has no @nexub/react-native twin. On phones, follow the platform pattern instead, or compose it from the native components listed on the React Native page.