Form Elements

There are various form elements contained in BUSINESS, custom select controls, custom checkbox & radio controls, custom input controls with & without appended / prepended elements (icons, dropdowns, dropups, groups), toggle (on/off) buttons, icons & many more.

Toggle buttons

Input controls

Default

A block of help text that breaks onto a new line and may extend beyond one line.

Extended

@

Combined

$ .00

Checkbox

Horizontal Form

mosaicpro

Form in Modals

Modal Login Form Modal Wizard Example 1 Compose Email Modal

Buttons

Dropdown / Dropup

Segmented Groups

Radio

File controls

File upload widget

Select file Change Remove

File upload button

Select file Change ×

WYSIHTML5 Editor

Loading button

Toggle button

Toggle checkbox style

Toggle radio style

Select controls

Default
Extended
Styles
Grid

Advanced Select controls

Basics
Multi-Value Select Boxes
Placeholders
Tagging Support
Disabled Mode
Templating

Multiselect Example

With selected options

Multiselect Example

Groups

Multiselect Example

Custom header & footer

Input Masks

d/m/y mask
Changing placeholder
Multi-char placeholder
€ 999.999.999,99
(999) 999-9999
Multi-char placeholder
Allow numbers & decimals
999-99-9999

Date Picker

Default input

Default component

Today Button

Time Pickers

Default timepicker.

Without component markup and keyboard input disabled.

Without a template.

Inside a modal with 24hr mode and seconds enabled.

Inside a modal with backdrop enabled, inputs disabled and with a preset value.

Open Modal

Color picker

Calendar