###### Navigation

Menu comes in two modes: dark & light

###### Top Nav

Choose your liked color mode

###### Scrollable Header

#### Form Element

##### Form controls

Textual form controls—like inputs, selects, and textareas—are styled with the `.form-control` class. Included are styles for general appearance, focus state, sizing, and more.

Readonly Textarea

##### Sizing

Set heights using classes like `.form-control-lg, custom-select-lg` and `.form-control-sm, custom-select-sm`.

##### Input types

Set different styles of input using `.filled-input, .outline-input` and `.transparent-input` modifier classes.

###### Shapes

Change the look using shape modifier classes. Add `.square-input` and `.rounded-input` classes.

##### Help text

Help text below inputs can be styled with `.form-text`. Inline help text can be implemented using utility classes like `.text-muted`.

Password Your password must be 8-20 characters long, contain letters and numbers, and must not contain spaces, special characters, or emoji.
Password Must be 8-20 characters long.

##### File browser

A custom file browser with change and remove function.

Upload
Select file Change Remove

##### Checkbox and radio

Checkbox Static State
Checkbox Active State
Checkbox Disabled State
Radio Static State
Radio Active State
Radio Disabled State

###### Colors variations

For further styling, use required contextual classes like `.checkbox-success` & `.radio-info`.

Checkbox Primary
Checkbox Teal
Checkbox Cyan
Checkbox Pink
Radio Primary
Radio Teal
Radio Cyan
Radio Pink

##### Toggles

Create easily-styleable toggle buttons with a lightweight toggle jQuery plugin.

###### Toggle with text

###### Toggle select

###### Toggle sizes

###### Toggle simple

##### Range slider

A comfortable, responsive and easily customizable range slider with plenty options.

###### Set min value, max value and start point

###### Set custom step and snap grid to step

###### Sizing

For smaller size range, use `data-extra-classes="irs-sm"` class.

###### Colors

Use contextual classes inside data-extra-classes - like `.irs-orange, .irs-info` to change the colors.

##### Bootstrap Select Menu

Custom select menus need only a custom class, `.form-control .custom-select` to trigger the custom styles.

##### Select2

The jQuery replacement for select boxes. Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

###### Multiple Select

##### Select2 Input Tags

Tagging can be used in multi-value select boxes. Try entering a value that isn't listed in the dropdown - you'll be able to add it as a new option!

##### Input Spinner

A Bootstrap 4 / jQuery plugin to create input spinner elements for number input.

###### Sizing

Add the relative form input group sizing classes `.input-group-sm .input-group-lg` for additional sizes

##### Date Picker

A JavaScript component for choosing date ranges, dates and times.

###### Date Range Picker With Times

###### Single Date Picker

###### Limit Selectable Dates

###### Predefined Date Ranges

###### Time Select

##### Color Picker

A flat, simple, responsive and hackable Color-Picker. No dependencies, no jQuery.