Components

Alert

Alert title

An error message is information displayed when an unexpected condition occurs, usually on a computer or other device. On modern operating systems with graphical user interfaces, error messages are often displayed using dialog boxes.

Popover

Smooth Title

Smooth Title

Smooth Title

And here's some amazing content. It's very engaging. Right?

Smooth Title

And here's some amazing content. It's very engaging. Right?

<!-- From the right of the target -->
<div class="popover right">
<div class="arrow"></div>
<h3 class="popover-title">Smooth Title</h3>
<div class="popover-content">
Content goes here
</div>
</div>
<!-- From the left of the target -->
<div class="popover left">
</div>
<!-- From the top of the target -->
<div class="popover top">
</div>
<!-- From the bottom of the target -->
<div class="popover bottom">
</div>

Select

Custom select due to inability of styling a system one. It is based on Selectpicker plug-in with a slightly modified source to meet Bootstrap naming convention.

Component inherits entire styling from button so you can use all its colors and sizes without any problems. Also we supported multiple select state as well as block mode where it takes all available space.

$("select").selectpicker({style: 'btn-hg btn-primary', menuStyle: 'dropdown-inverse'});
// style: select toggle class name (which is .btn)
// menuStyle: dropdown class name
// You can always select by any other attribute, not just tag name.
// Also you can leave selectpicker arguments blank to apply defaults.

Switch

Custom switch can be used instead of checkbox. It has 2 styles: circle(default) and square. Drag is supported.