Theme:

Input

Text inputs allow users to enter data. DengaUI inputs support bordered style, color variants for validation states, and multiple sizes.

Default & Bordered

<input type="text" class="dui-input" placeholder="Default input" /> <input type="text" class="dui-input dui-input-bordered" placeholder="Bordered input" />

Color Variants

<input type="text" class="dui-input dui-input-primary" placeholder="Primary" /> <input type="text" class="dui-input dui-input-success" placeholder="Success" /> <input type="text" class="dui-input dui-input-error" placeholder="Error" />

Sizes

<input type="text" class="dui-input dui-input-bordered dui-input-xs" placeholder="Extra small" /> <input type="text" class="dui-input dui-input-bordered dui-input-sm" placeholder="Small" /> <input type="text" class="dui-input dui-input-bordered" placeholder="Default" /> <input type="text" class="dui-input dui-input-bordered dui-input-lg" placeholder="Large" />

Disabled

<input type="text" class="dui-input dui-input-bordered" placeholder="Cannot edit" disabled />