sheengemologic ui
All components

Input

A text input with a required visible label and stable accessible identity.@gemologic/sheen · forms

Playground

<Input label="Workspace name" placeholder="Enter a name" />

Variant matrix

Labeled input

Anatomy

Package
@gemologic/sheen
Source
packages/ui/src/primitives/Input.tsx
Tokens
  • --sheen-color-bg-inset
  • --sheen-color-border-control
  • --sheen-control-h-md

Accessibility

Role: textboxKeyboard: Tab, Shift+Tab, Native text editing

Do

  • Use explicit labels and preserve drafts through refreshes.

Do not

  • Do not rely on placeholders as labels.

Generated props

NameTypeDefaultDescription
label *string—Visible label, never replaced by a placeholder.
descriptionstring—Supporting instructions associated with the input.
errorstring—Validation message associated with the input and marking it invalid; no automatic live announcement.
Native Solid/HTML attributes remain available and are omitted from this authored-prop view.