Field
Fine Clay style field container for form inputs with labels, descriptions, and validation states.
Basic
Simple field with label and input.
With Description
Field with additional description text for context.
This is the name that will be shown to other users.
Must be at least 8 characters with one uppercase letter and one number.
Error State
Field showing validation errors.
Please enter a valid email address.
Must be at least 8 characters.
Password is too short. Minimum 8 characters required.
Success State
Field showing successful validation.
Username is available!
Email verified
Warning State
Field showing warning messages.
Password is weak. Consider adding special characters.
180/200 characters - approaching limit
Info State
Field with informational messages.
Optional - Get early access features with a valid code
Share this link to earn rewards
Inline Row
Horizontal layout with label and control side by side.
Form Example
Combining vertical and horizontal field layouts.
We will never share your email.