Input Component

Comprehensive form input with label, hint, error message, and icon support. WCAG 2.2 Level AA compliant.

Input Sizes

Small Input

Medium Input

Large Input

Text Input

Email Input

Password Input

Number Input

Phone Input

URL Input

Search Input

Username

Choose a unique username

Required Field *

Email Address

Please enter a valid email address

Disabled Input

Readonly Input

<x-fds.input name="email" type="email" label="Email" />

<x-fds.input 
    name="password" 
    type="password" 
    label="Password"
    error="Password must be at least 8 characters"
/>