Spacer

Storybook

Spacer components provide consistent spacing between elements without the need for custom CSS margins. They help maintain rhythm and visual hierarchy in layouts.

React

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

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

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

<Spacer grow size="md" />