Grid

Storybook

Grid components provide a flexible system for creating responsive layouts. They offer consistent spacing and alignment options for organizing content in rows and columns across different screen sizes.

React

To implement Grid component into your project you'll need to add the import:

import { Grid } from "@shoptet/ui";

After adding import into your project you can use it simply like:

<Grid>
  <div>Item 1</div>
  <div>Item 2</div>
</Grid>