Input

A text field built on Base UI Field for accessible label / description wiring. Supports a leading icon, helper text, an invalid state, a built-in password reveal toggle, and three sizes.

Email*

We'll never share it.

Password

Username

That username is already taken.

Disabled

Import

import { Input } from "@photon/pho-ui/components/input";

Usage

<Input label="Email" type="email" placeholder="[email protected]" icon={EnvelopeSimple} />
<Input label="Password" type="password" />
<Input label="Username" invalid hint="That username is taken." />

Props

label, hint, labelTrailing
size — sm · md · lg
icon — leading icon component
invalid, disabled, required
All native <input> attributes (type, value, onChange, name, …)