Skip to content

Forms

Accessible form controls with validation states, addons, and proper ARIA labeling.

Text Inputs

Basic text inputs in default and filled variants across all sizes.

Default variant
Filled variant

Input with Addons

Inputs can include left and right addon elements such as icons.

Input States

Inputs support disabled, error, and readonly states.

Disabled
Error
Read only

Textarea

Multi-line text areas in different variants, sizes, and resize modes.

Default variant, different sizes
Filled variant
Resize vertical
No resize

Select

Select dropdowns with placeholder, error, and disabled states.

With placeholder
Error state
Disabled

Checkboxes

Checkboxes with labels, descriptions, sizes, and various states.

With label
With label and description
Different sizes
Disabled
Error state
Checked by default
Indeterminate

Radio Buttons

Radio buttons in groups with labels, descriptions, sizes, and disabled state.

Basic radio group
With descriptions
Different sizes
Disabled

Form Fields

FormField wraps inputs with labels, hints, and error messages.

Choose a unique username.

Complete mini-form

As it appears on your ID.

Tell us a little about yourself.

Labels

Standalone label components with sizes, required indicators, and disabled state.

Different sizes
With required indicator
Disabled

© 2026 CompositeVoice. All rights reserved.

Font size
Contrast
Motion
Transparency