Forms

Dashkit supports all of Bootstrap's default form styling in addition to a handful of new input types and features. Please read the official documentation for a full list of options from Bootstrap's core library.


Floating labels

Create beautifully simple form labels that float over your input fields.


Validation

Indicate invalid and valid form fields with .is-invalid and .is-valid classes.

Looks good!
Looks good!
Please provide a valid city.
Please provide a valid state.
You must agree before submitting.

Rounded Dashkit only

Round form control corners with the .form-control-rounded modifier.


Flush Dashkit only

Remove vertical padding and borders from a form control with the .form-control-flush modifier.


Auto Dashkit only

Remove vertical padding and set form control's height to auto with the .form-control-auto modifier.


Input group merge Dashkit only

A slightly modified version of the default input groups that always keeps icons as a part of the form control.


Switch

Replaces a standard checkbox input with a toggle switch.


Date picker Dashkit only Plugin

A simple yet powerful datepicker powered by the Flatpickr JavaScript plugin. You can pass any options supported by the plugin via the data-flatpickr attribute. The value must be a valid JSON object. Please read the official plugin documentation for a full list of options.


Input masking Dashkit only Plugin

Mask your form controls depending on the context with the Inputmask plugin. Please read the official plugin documentation for a full list of options.


Rich text editor Dashkit only Plugin

Powerful WYSIWYG text editor powered by Quill. You can pass any options supported by the plugin via the data-quill attribute. The value must be a valid JSON object. Please read the official plugin documentation for a full list of options.


Drag and drop Dashkit only Plugin

Drag and drop file uploads with image previews powered by Dropzone.js. You can pass any options supported by the plugin via the data-dropzone attribute. The value must be a valid JSON object. Please read the official plugin documentation for a full list of options.

...

Choices Dashkit only Plugin

A vanilla, lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency. You can pass any options supported by the plugin via the data-choices attribute. The value must be a valid JSON object. Please read the official plugin documentation for a full list of options.