Form / From elements

Let's start with Kodhus input elements.

Input

Kodhus supports 2 styles for input element.

Let's take a look at examples:

Normal input

Error input

Inline form

If you want input and label be on the same row:

Checkbox

You can use checkboxes in forms and in preferences.

Let's take a look at an example:

<span class="cdt-checkbox">
    <input type="checkbox" id="checkbox-1" />
    <label for="checkbox-1">Are you strong or weak ?</label>
</span>
            
          

Radio button

Radio buttons are usually used in forms.

<span class="cdt-radio">
    <input type="radio" id="radio-1" />
    <label for="radio-1">Are you strong or weak ?</label>
</span>
            
          

Switch / Toggle

Toggles are used in cases where you need to enable/disable a state. They can be used instead of checkboxes in settings and preferences sections.

<span class="cdt-toggle">
    <input type="checkbox" id="toggle-1" />
    <label for="toggle-1">Are you sure this is the right thing?</label>
</span>