import { Meta } from "@storybook/addon-docs"; # Grid/Layout Tokens Grid units allow developers to create simple and complex UI layouts with ease. ## Column tokens

TipColumns are defined as CSS Custom properties, to use them, use: var(--cols-4) as the CSS property value.

``` grid-template-columns: var(--cols-4); ```

--cols-1

--cols-2

--cols-3

--cols-4

--cols-5

--cols-6

--cols-7

--cols-8

--cols-9

--cols-10

--cols-11

--cols-12