import { Meta } from "@storybook/addon-docs";

import { space } from "tokens";

import { TokensGrid } from "../../components/TokensGrid";

<Meta title="Tokens/Space" />

[![Space Tokens](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-space.svg)](https://raw.githubusercontent.com/showC0de-proFile/logos/main/label-space.svg)

# Space

The ds-tsm Design System's space tokens make it easier to achieve visual consistency and maintain alignment across different components and layouts within your project. They provide a systematic approach to spacing, saving time and effort in managing and adjusting the spaces throughout your UI.

<TokensGrid tokens={space} hasRemValue />