Field

A component for building accessible form fields with labels, descriptions, and error handling.

Basic Field

With Description

We will use this email to send you important updates about your account.

Field States

This is a normal field with default styling.

Email address is valid and available.

Your password is weak. Consider adding numbers and symbols.

This field is disabled and cannot be edited.

This field is read-only but can be selected and copied.

With Icons & Addons

Click the eye icon to toggle password visibility.

https://
@
.aura.dev

A brief description about yourself for your public profile.

Field Set with Legend

Contact Information

Please provide your contact details so we can reach you.

Multiple Errors

Password must meet all requirements below.

Complete Form Example

Create Your Account

Fill in the details below to get started with Aura.

At least 8 characters with uppercase and number.