Ion RangeSlider
Switch Buttons

Large switch

Default switch

Small switch

Mini switch

Color: "primary"

Color: "info"

Color: "success"

Color: "warning"

Color: "danger"

HTML text

Radio switch (allow uncheck)

option 1
option 2
option 3

Multiselect

Pre-selected options

Callback

Optgroup

Public methods (500 elements)

Select all Deselect all Select 20 Deselect 20

Custom header/footer

Searchable

Enhanced select box, tag handler

Basic

Multi Value

Auto Tokenization

Try typing in the search field above and entering a space or a comma.

External Value Change & Templating

Select USA Select Brazil & UK
Datepicker

Default

mm/dd/yyyy

As component

dd-mm-yyyy

Autoclose

dd-mm-yyyy

Start with year view

dd.mm.yyyy

Range input

dd-mm-yyyy

Inline

Daterangepicker

Reservations

Pre-defined Ranges

September 23, 2017 - October 23, 2017
Timepicker

Default timepicker

Inside a modal

24h mode

Timepicker in modal

Open Modal
Textarea autosize
Input mask
showMaskOnHover: false
(999) 999-9999
[9-]AAA-999
$999.999,99
MAC adress
Oncomplete callback
data-inputmask="'mask': '99-9999999'"

60%
CPU Usage
28%
Disk Usage
0.2GB/20GB
Monthly Transfer
New Users


Reminder

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fuga omnis ipsa odit sint aut molestiae enim. Quia cupiditate distinctio ad dicta qui ducimus aspernatur debitis incidunt minima laboriosam atque.