Form Controls & Validation States
Cross-browser inputs, selects, textareas, accessible checkboxes and radios, complete with validation states (.is-valid, .is-invalid) and feedback messages.
Standard Controls
Notification Preferences
Subscription Tier
Validation States & Feedback
Username is available and looks great!
Password must contain at least 8 characters with numbers and symbols.
Syntax error detected in token definition.
This setting is locked by administrator policy.
Usage guide & code sample
Wrap controls in .k-form-group, pair labels with controls, and use .k-form-feedback for validation messaging.
<div class="k-form-group">
<label for="email" class="k-form-label">Email</label>
<input id="email" class="k-input" type="email">
<span class="k-form-hint">We never share your email.</span>
</div>