Advanced forms
Bootstrap Select boxes with colored button

Add class in data-style Ex: data-style="btn-primary btn-outline"

Multiple Select (Pre-selected options)

Use a select multiple as your input element.

Multiple Select (Select methods)

Use a select multiple as your input element.

Bootstrap Select boxes

Add class .selectpicker

Select 2

Select2 for custom search and select

Toggle (Basic)

Add the following line class="js-switch" data-color="#DCDCDC" to your input element.

Toggle (sizes)

You can add data-size="small",data-size="large" to your input element for different sizes.

Toggle (secondary color)

Add the following line class="js-switch" data-color="#667add" to your input element.

Check Boxes brand colors: .checkbox-primary,.checkbox-info
Radio brand colors: .radio-primary,.radio-info
Disabled Disabled state also supported.
Input Tags

Add data-role="tagsinput" to your input field.

Select Tags

You can also use select multiple to your input field.

Input Group Tags

You can also use group tag data-role="tagsinput" to your input field.

Copyright @ 2018 Hyrax UX Panel. All Rights Reserved
Created with by srgit SRGIT