Space

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

Header

Footer

Usage

import { Space, SpaceProps } from "@instruments/materia-ui/components/space";

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.

Prop	Type	Description
h	`LayoutResponsiveValue<"base" \| "2xs" \| "xs" \| "sm" \| "lg" \| "xl" \| "2xl" \| "3xl">`	Height - ComponentSize token. Can be responsive.
responsiveMode	`ResponsiveMode`	Responsive mode: "screen" (viewport) or "container" (container queries).
w	`LayoutResponsiveValue<"base" \| "2xs" \| "xs" \| "sm" \| "lg" \| "xl" \| "2xl" \| "3xl">`	Width - ComponentSize token. Can be responsive.