Input

Text input styled with Giddaa input tokens.

Quick Preview

Usage

<Input placeholder="Email address" />

Examples

Sizes

Use size to align inputs with the density of the form or container.

Props

Prop/APITypeDefaultDescription
size`"sm""md""lg"
classNamestring-Local layout or spacing overrides.
native/root propsReact component props-Passed through to the underlying root or primitive.

Accessibility

  • Provide visible labels or accessible names for interactive controls.
  • Preserve the component-provided focus, keyboard, disabled, and invalid-state behavior.
  • Do not communicate state with color alone; include text, icons, or helper copy.

On this page