import { Meta } from "@storybook/addon-docs"; # Layers Layer (z-index) tokens determine an item’s position in the stacking order. ## Using layer tokens

TipLayers are defined as CSS Custom properties on z-index, to use them, use: var(--layer-1) as the CSS property value.

``` z-index: var(--layer-1); ```

--layer-auto

--layer-top

--layer-10

--layer-9

--layer-8

--layer-7

--layer-6

--layer-5

--layer-4

--layer-3

--layer-2

--layer-1

--layer-0

--layer-bottom