Skip to content
← Inventory

Space

Spacer component for adding fixed width or height gaps in layouts.

Header
Footer

Usage

import { Space, SpaceProps } from "@desk/ui/components/space";

Best practices

  • Reach for Space only for a fixed one-off gap between siblings; consistent spacing across many children belongs on a Stack/Flex/Group gap instead.

Props

PropTypeDefaultDescription
hResponsiveValue<"base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl">

Height - ComponentSize token. Can be responsive.

responsiveModeResponsiveMode

Responsive mode: "screen" (viewport) or "container" (container queries).

wResponsiveValue<"base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl">

Width - ComponentSize token. Can be responsive.

Also exports

  • interfaceSpaceProps