We designed a brand-new cool design and lots of features, the latest version of the template supports advanced block base scenarios, and more.
Use .input-bordered class with input element to make it bordered.
.input-bordered
Use .select to active select2 jQuery plugin for custom select field style. and use data-select2-theme="bordered" with select element for borderd style.
.select
data-select2-theme="bordered"
Use data-search="on" to enable search option for select2 element.
data-search="on"
Use .input-textarea as an extra class with your desired input class for textarea.
.input-textarea
Use .input-checkbox class with input type checkbox element to make it look like above.
.input-checkbox
Use .input-radio class with input type radio element to make it look like above.
.input-radio
Use .input-switch class with input type checkbox or radio element to make it look like above.
.input-switch
Use .input-line class with input element to make it Line. For this label animation effect, Add a label with .field-label .field-label-line this classes after input element.
.input-line
.field-label .field-label-line
Use .select to active select2 jQuery plugin for custom select field style. and use data-select2-theme="line" with select element for line style.
data-select2-theme="line"
