Component

Input

Text input for forms. Supports icons, error states, and various input types.

tsx
import { Input } from 'wss3-forge'

Usage

Always use labels for accessibility

Show error messages below the input when validation fails

Use appropriate input types (email, password, number, etc.)

Add icons to provide visual context


Examples

With Label and Error

Invalid email address

tsx
1<Input
2 label="Email"
3 type="email"
4 error="Invalid email address"
5 required
6/>

Basic Input

tsx
1<Input placeholder="Enter your name..." />

Disabled Input

tsx
1<Input label="Disabled" value="Cannot edit" disabled />

Previous

FileUpload

Next

NumberInput

Last updated: December 2025

Cookies

We use cookies to improve your experience and save your preferences.