inputs

Input

Single-line text input with size presets and accessible error state with inline message.

Import

import { Input } from '@stella-ds/react'

Props

PropTypeDefaultDescription
size'sm' | 'md' | 'lg''md'Size preset
errorboolean | stringfalsePass true for error styling, or a string to show an error message

Preview

Email is required

Examples

With error

<Input placeholder="Enter email" />
<Input error="Email is required" value="" onChange={() => {}} />
Heading
All Components
PageGrid