Spacer

Insert token-based space between layout elements.

@sigil-ui/componentsReact

Preview

import { Flex, Badge, Spacer } from "@sigil-ui/components";

<Flex className="w-full"><Badge>Start</Badge><Spacer /><Badge>End</Badge></Flex>

Prop	Type	Default	Description
`height`	`number \| string`	—	Fixed height (block spacer). If omitted, grows to fill flex space.
`width`	`number \| string`	—	Fixed width (inline spacer).

SimpleGrid

Arrange equal-width items in a responsive grid.

Stack

Arrange children vertically or horizontally with consistent gaps.