FANCY FORM ELEMENTS

MASKED INPUT

SLIDER INPUT


RANGE SLIDER INPUT

Basic Slider

Date Slider (style can be adjusted for better left-right alignment)

Editable Label (provide value then hit enter)

Slider With Step

Value Label Shown On Change

DATE PICKER

Date Picker


Date Range Picker - time picker can be disabled


Report Range - useful for report filter

SPINNER INPUT




TEXT AREA

Text Area With Character Count

CHECKBOX AND RADIO

Checkbox Toggle


Radio Toggle


Fancy Simple Checkbox


Fancy Simple Radio

SELECT2


TAGS INPUT

Type a word then hit enter

MULTISELECT

Multiselect as input group




  • Multiple Selection

  • Single Selection

  • Select-All Enabled

  • With Filter

  • Options Group

  • Color & Smaller size (btn-primary btn-sm)

  • Link (btn-link)

DYNAMIC FORM FIELD


Press + to add another form field

COLOR PICKER

Attached to a field

As a component

RGBA format