Memory Usage

32.3%
8,6,5,9,8,4,9,3,5,9

CPU Usage

140.05
4,3,5,7,12,10,4,5,11,7

Disk Usage

82.02%
1,2,1,3,2,10,4,12,7

Daily Traffic

62,201
3,12,7,9,2,3,4,5,2

IMG_43445

JPG Image

1.2mb

VID_6543

MP4 Video

24.8mb

Tax_Form

Word Document

5.5mb

Getting_Started

PDF Document

12.7mb

Introduction

PDF Document

7.7mb

IMG_43420

JPG Image

2.2mb

IMG_43447

JPG Image

3.2mb

VID_6545

AVI Video

14.8mb

Secret_Document

Word Document

4.5mb

+ Add Event

Select2 Skins

Select2 is a jQuery based replacement for enhancing select boxes while Select2 Skins will enhance this even more.

Below is the built-in default skin for light and dark.

A select box with custom color for highlighting or selecting a selection.

$('#select2').select2({
  dropdownCssClass: 'hover-success',
  minimumResultsForSearch: Infinity // disabling search
});
Class Value
dropdownCssClass: 'hover-[value]' success | warning | danger | info | teal | indigo | purple | pink | orange | dark

A select box with colored border and optional colored border and hover for dropdown.

$('#select2').select2({
  containerCssClass: 'select2-outline-success',
  dropdownCssClass: 'bd-success hover-success',
  minimumResultsForSearch: Infinity // disabling search
});
Class Value
containerCssClass: 'select2-outline-success' dropdownCssClass: 'bd-success hover-success' primary | success | warning | danger | info | teal | indigo | purple | pink | orange | white

A select box with full colored variants to choose from.

$('#select2').select2({
  containerCssClass: 'select2-full-color select2-primary',
  minimumResultsForSearch: Infinity // disabling search
});
Class Value
containerCssClass: 'select2-full-color select2-[value]' primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

A select box with full colored dropdown variants to choose from.

$('#select2').select2({
  dropdownCssClass: 'select2-drop-color select2-drop-primary',
  minimumResultsForSearch: Infinity // disabling search
});
Class Value
dropdownCssClass: 'select2-drop-color select2-drop-[value]' primary | success | warning | danger | info | teal | indigo | purple | pink | orange | dark

A select box with full colored dropdown variants to choose from.

$('#select2').select2({
  containerCssClass: 'select2-full-color select2-primary',
  dropdownCssClass: 'select2-drop-color select2-drop-primary',
  minimumResultsForSearch: Infinity // disabling search
});