Forms

Form controls including inputs, selects, textareas, checkboxes, radios, and switches.

Text Input

Label Optional hint text

<div class="ui-form-group">
  <label class="ui-form-label">Label</label>
  <input type="text" class="ui-input" placeholder="Enter text...">
  <span class="ui-form-hint">Optional hint text</span>
</div>

Input Sizes

Input States

Required Field This field is required

Select

Textarea

Checkbox

Default checkbox Checked checkbox Disabled checkbox

Radio

Option A Option B Disabled option

Switch / Toggle

Off On Disabled

Input Group

$ .00