Skip to content

Spacer

<ts-spacer> vv0.4.0

An explicit spacing element for adding vertical or horizontal space.

Open in Storybook for interactive demos.

<ts-spacer axis="vertical" size="4"></ts-spacer>
PropertyAttributeTypeDefaultDescription
axisaxis"horizontal" | "vertical"'vertical'The axis along which the spacer adds space.
sizesizestring'4'Spacing token number controlling the size of the spacer.
<ts-spacer axis="vertical" size="4"></ts-spacer>
import { TsSpacer } from '@tessera-ui/react';
<TsSpacer axis="vertical" size="4"></TsSpacer>