A text input field with support for various input types and standard HTML input attributes.

npx slipstream-ui@latest add input
Types

Props

PropTypeDefaultDescription
typestring'text'HTML input type
placeholderstringundefinedPlaceholder text
disabledbooleanfalseDisables the input
requiredbooleanfalseMarks input as required

Accessibility

  • Full keyboard navigation support
  • Screen reader announces input type and placeholder
  • Disabled state is properly announced
  • Visible focus indicator for keyboard users
  • Supports HTML5 validation attributes