Field

Form field components with clear labels, descriptions, and error states. Like labels on index cards - precise and organized.

Basic Field

With Description

This will be your public display name. You can change it later.

Error States

Multiple error display styles - from subtle inline hints to prominent error messages.

Subtle Inline Error

Password should be at least 8 characters

Standard Error

Error with Icon

Multiple Errors

Error Box Style

Username not available

This username is already taken. Try adding numbers or using a different name.

Field Group

We will use this email for account notifications.

FieldSet with Legend

Personal Information

Please provide your personal details below.

Horizontal Layout

Accept Terms

I agree to the terms of service and privacy policy.

Marketing Emails

Receive updates about new features and promotions.

Push Notifications

Get notified about important account activity.

With Separator

OR

Provide either a website or social media profile.

Lightweight Style

For compact forms or inline editing scenarios where strong borders may feel too heavy.

Minimal Border

Ghost Style

Filled Style

Compact Inline Form

For sidebars, settings panels, or data tables where space is limited.

Complete Form Example

Account Details

Must be at least 8 characters with one uppercase letter.

Preferences
Subscribe to Newsletter

Get weekly updates about new features.