import { Grid } from '@uhg-abyss/mobile';

Space

Use the space prop to determine the amount of space between elements in the grid.

Span

Number

Regardless of viewport width, the span will remain the same for these columns. Change the span by using [column spans] of the parent container.

Percent

Regardless of viewport width, the span will remain the same for these columns. Change the span by using percentages of the parent container.

Grid Props

Prop Name	Type	Default	Description
children	node	-	The contents of the grid component
columns	number	12	The number of columns in the grid
space	number | string	$semantic.spacing.sm	Determines the amount of space between elements in the grid
span	number | string	12	Handles the span size of the grid

Grid.Col Props

Prop Name	Type	Default	Description
children	node	-	The contents of the grid col component
span	number | string	-	Handles the span size of the column

Grid Classes

Class Name	Description
abyss-grid	Grid root element

Grid.Col Classes

Class Name	Description
abyss-grid-col-root	Grid column element