Surface field

Base

.c-surface-field
Check the Surface Group and Surface Segmented layouts to layout surface components together nicely.

Inverse

.c-surface-field .c-surface-field--inverse

Invalid state

.c-surface-field .is-invalid

Text inputs

Select

Icons

Before

After

Action