Components

Input

A single-line text field with size and invalid states.

Sizes

States

Usage

import { Input, Label } from '@onersoft/design-system'

<Label htmlFor="email">Email</Label>
<Input id="email" type="email" placeholder="you@example.com" />

Props

PropTypeDefault
size'sm' | 'md' | 'lg''md'
invalidbooleanfalse

Plus all native <input> attributes (type, placeholder, disabled, value, onChange, …).

On this page