Spacer

The spacer is a layout component to render an empty shape.

import { Spacer } from '@backyard-ui/core';

Use the size prop to increase the visual size.

Use the axis prop to render horizontal or vertical.

You can make it responsive by passing array or object values into the size prop.

• size
  Description The Spacer size

  Type

  ResponsiveValue<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | ... 6 more ... | "3.5">

  Default

  1
• axis
  Description The CSS `width` or `height` property

  Type

  "horizontal" | "vertical"

  Default

  horizontal