Grid

Stable@nexub/react

CSS Grid layout primitive.

Import

import { Grid } from '@nexub/react';

Prop	Type	Default	Required	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.

Components · Layout

Stable@nexub/react

CSS Grid layout primitive.

import { Grid } from '@nexub/react';

Prop	Type	Default	Required	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.