Components

Input

A text input field with optional label and message. Includes four status variants (default, success, warning, error) for inline form validation.

We'll never share your email.

Looks good!

This domain looks unusual.

import { Input } from "@empreint/ui";

<Input status="error">
	<InputLabel>Email</InputLabel>
	<InputField type="email" />
	<InputMessage>Invalid email</InputMessage>
</Input>

Props

Prop

Type

Use InputLabel, InputField, and InputMessage as sub-components to compose your field.

CSS Variables

Prop

Type