sheengemologic ui
All components

Spacer

Decorative flexible space in a Row or Stack; use gap for fixed spacing.@gemologic/sheen · layout

Playground

This example has no scalar controls. Its validated source remains interactive below.
<Row><Button>Back</Button><Spacer /><Button>Next</Button></Row>

Variant matrix

Spacer composition

Anatomy

Package
@gemologic/sheen
Source
packages/ui/src/layout/Layout.tsx
Tokens
  • --sheen-space-block-md
  • --sheen-space-inline-md

Accessibility

Role: presentation layoutKeyboard: No component-owned keys

Do

  • Preserve logical DOM order and use token spacing.

Do not

  • Do not put content or interactive children inside Spacer.

Generated props

NameTypeDefaultDescription
Native Solid/HTML attributes remain available and are omitted from this authored-prop view.