Appearance - Panel Heading
Basic elements Just a mix of basic elements
Left title icon
Panel title with left icon
Subtitle Some alt description
Panel title with subtitle using
small element
Inline list
- Download
- Upload
- Generate
Panel heading with simple inline list
Title label New
Panel title with label element
Title badge 387
Panel title with badge element
Right title icon
Panel title with right icon
Heading text
Some text or link and icon
Custom heading text using
heading-text class
Bullet list
- Download
- Upload
- Generate
Panel heading with bullet inline list
Heading label
Label
Panel heading with
.label element
Heading badge
578
Panel heading with
.badge element
Panel heading thumbnails Single and thumbnail groups
Single thumbnail
Panel footer with single thumbnail
Thumbnail group
Panel footer with thumbnail group
Thumb with badge
-
9
Panel footer thumbnail with badge
Linked thumbnail
Panel footer with single linked thumbnail
Linked thumbnail group
Panel footer with linked thumbnail group
Thumb with status mark
Panel footer thumbnail with status mark
Heading icons Single and multiple icons
Form components A set of different form elements
Single checkbox
Single checkbox. Available in both directions
Checkbox group
Heading with group of inline checkboxes
Switchery toggle
Switchery toggle. Available in all styles
Text input
Heading with basic text input field
File input
Panel heading with styled file input field
Single radio
Single radio. Available in both directions
Radio group
Heading with group of inline radios
Toggle switch
Panel heading with Bootstrap toggle switch
Input with icon
Input field and icon feedback
Touchspin spinners
Heading with
Touchspin input group spinner
Select menus Different select options
Basic select
Panel heading with basic select
SelectBoxIt select
Panel heading with
SelectBoxIt select
Single multiselect
Heading with single multiselect
Select2 select
Panel heading with
Select2 select
Bootstrap select
Panel heading with
Bootstrap custom select
Multiselect
Heading with multiple select
Heading buttons Basic buttons with options
Single button
Heading with basic button. Available in 3 smallest sizes
Button dropdown
Heading with single button dropdown menu
Segmented button
Panel heading with segmented button
Multiple buttons
Heading with multiple button
Icon button
Panel heading with single icon button
Icon button dropdown
Panel heading with icon button dropdown
Segmented icon button
Panel heading with segmented icon button
Multiple icon buttons
Panel heading with multiple icon buttons
Other elements Other panel heading elements
Tabs
This is the first panel tab content
This is the second panel tab content
This is the third panel tab content
This is the fourth panel tab content
Progress bar
Panel heading with progress bar. Available in all sizes
jQuery UI slider
Heading with jQuery UI slider. Available in all sizes
Pills
This is the first panel pill content
This is the second panel pill content
This is the third panel pill content
This is the fourth panel pill content
Panel heading with title as a dropdown menu
NoUI slider
Panel heading with NoUI slider. Available in all sizes
Mixing elements Different element variations
Input and button
Mixing input field with button