Notify

Notification will show in lower right corner.

Popover

Positional

Triggers

Tooltip
Labels

Labels

Default label
Primary
Success
Info
Warning
Danger

Badges

7
1
2
4
8
16
Modal

Selection from a modal: {{ selected }}

Collapse
Some content
Panels

Panel title

Panel content
Panel content
Panel footer

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content
Pagination

Pagination sizing



The selected page no: {{currentPage}}

Limit the maximum visible buttons

Page: {{bigCurrentPage}} / {{numPages}}

Accordion or Collapse
This content is straight in the template. {{group.content}}

Open only one at a time?

Progressbar

Static Progressbar

Stacked Progress Bars

Striped Progressbar

Animated Progress Bars

Dynamic Progressbar

{{dynamic}} / {{max}}

No animation

{{dynamic}}%

Object (changes type based on value)

{{type}} !!! Watch out !!!
Callout

Callout heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, alias, in accusantium totam adipisci vel et suscipit quidem libero pariatur minus ratione quo doloremque error at nemo incidunt dicta quia?

Callout heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, alias, in accusantium totam adipisci vel et suscipit quidem libero pariatur minus ratione quo doloremque error at nemo incidunt dicta quia?

Callout heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, alias, in accusantium totam adipisci vel et suscipit quidem libero pariatur minus ratione quo doloremque error at nemo incidunt dicta quia?

Callout heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda, alias, in accusantium totam adipisci vel et suscipit quidem libero pariatur minus ratione quo doloremque error at nemo incidunt dicta quia?

Tabs

Simple Tabs

Static content here. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil, quidem, officiis, et ex laudantium sed cupiditate voluptatum libero nobis sit illum voluptates beatae ab. Ad, repellendus non sequi et at. {{tab.content}}

Justified Tabs

Justified content Short Labeled Justified content Long Labeled Justified content
Alerts
{{alert.msg}}