sheengemologic ui
All components

Container

Full-width content boundary with token padding, without centering or imposing a document width.@gemologic/sheen · layout

Playground

<Container padding="md"><Stack><Input label="Name" /><Button>Save</Button></Stack></Container>

Variant matrix

Container composition
padding: none
padding: xs
padding: sm
padding: md
padding: lg
padding: xl

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 use layout wrappers to invent inaccessible keyboard order.

Generated props

NameTypeDefaultDescription
paddingSpacingmdRole-based spacing that follows the active density.
Native Solid/HTML attributes remain available and are omitted from this authored-prop view.