Input

const Input: React.FC<InputProps>

Defined in: src/components/primitives/Input/Input.tsx:182

A versatile input component for text entry in editor interfaces.

Provides a clean, consistent text input with support for labels, helper text, icons, and various states. Optimized for editor UIs with compact sizing.

Example

// Basic text input
<Input
  placeholder="Enter text..."
  value={text}
  onChange={setText}
/>

// With label and helper text
<Input
  label="Project Name"
  placeholder="My Project"
  helperText="Choose a unique name for your project"
  value={name}
  onChange={setName}
/>

// With icons and error state
<Input
  label="Email"
  type="email"
  startIcon={<SearchIcon />}
  error={!!emailError}
  errorMessage={emailError}
  value={email}
  onChange={setEmail}
/>