Unify Forms

Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.

Form Controls

Unify's form controls extend on Bootstrap forms with classes. In all examples, .form-control-md class is used to change Bootstrap's default form size. Also, all form styles can be extended with Unify's global classes.

Text Inputs

We'll never share your email with anyone else.
Note: works in Chrome, Firefox, Opera and above IE11.

Appended icon(s)


Appended icon(s) with border


Textareas

Note: height of the textarea depends on the rows attribute.
Note: expands on focus.

Appended icon(s)


Appended icon(s) with border


File Inputs (attachments)

Plain File Input




Quantities

$

$
$


Radios Options

Radio options


Columned radios


Inline radios


Radio Group


Checkbox Options

Checkboxes Options


Columned checkboxes


Inline checkboxes


Checkboxes Group


Toggles

Toggles views


Toggles based on radios


Toggles based on checkboxes


Ratings





Slider Forms

Regular slider


Range slider


Step slider


Masking Rules


Datepickers

Datepicker inputs


Inline datepicker


Form Tooltips

Unify's form controls extend on Bootstrap forms with classes. In all examples, .form-control-md class is used to change Bootstrap's default form size. Also, all form styles can be extended with Unify's global classes.

Text Input Tooltips

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Textarea Tooltips

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Some helpful information
Some information about the form field

Custom Form Extensions

Unify's form controls extend on Bootstrap forms with classes. In all examples, .form-control-md class is used to change Bootstrap's default form size. Also, all form styles can be extended with Unify's global classes.

Text Inputs & Textareas

Text input

Textarea


Text input

Textarea


Checkboxes & Radios

Custom checkboxes

Option 1


Option 2


Option 3


Custom radios

Option 1


Option 2


Option 3

We offer best in class service for your needs

About Us

About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.

Latest Posts



Our Contacts

795 Folsom Ave, Suite 600,
San Francisco, CA 94107 795

(+123) 456 7890
(+123) 456 7891