Components Forms Form Elements

Form Elements

A basic form control input and textarea with disabled and readonly mode.


A form control with success, warning and error state.


A custom styled checkboxes and radios.


A custom styled file browser.


A custom made toggles with jquery support.

Class Reference Values
class="az-toggle az-toggle-[value]" secondary | success | dark

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.

@
@example.com
$
.00

A simple component to select color in the same way you select color in Adobe Photoshop.

With preset colors:


The datepicker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. If a date is chosen, feedback is shown as the input's value.

Set the numberOfMonths option to an integer of 2 or more to show multiple months in a single datepicker.

Display the datepicker embedded in the page instead of in an overlay.


A simple component to select time.


Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Single Select

Multi Select

Multi Select