Ratings
{{ percent }}%

Rate: {{ rate }} - Readonly is: {{ isReadonly }} - Hovering over: {{ overStar || "none" }}

Custom icons

star_rate ( Rate: {{ x }})
Accordions
This content is straight in the template. {{ group.content }}

The body of the accordion group grows to fit the contents

{{ item }}
I can have markup, too! This is just some content to illustrate fancy headings.
Toggle buttons

Single toggle

{{ singleModel }}

Checkbox

{{ checkModel }}

Radio & Uncheckable Radio

{{ radioModel || 'null' }}

Slide interval

Collapse

Shattered Dremland!

Toggle collapse
Tag component

Small and adaptive tag for adding context to just about any content.

Default Primary Success Info Warning Danger 1 2

Tag pills

Use the .tag-pill modifier class to make tags more rounded (with a larger border-radius and additional horizontal padding ). Useful if you miss the badges from v3.

Default Primary Success Info Warning Danger 1 2
Breadcrumbs
Typeahead

Static arrays

{{ selected | json }}

Asynchronous results

refresh {{ asyncSelected | json }}

Custom templates for results

{{ customSelected | json }}
Datepicker

{{ dt | date:'fullDate' }}

Popup

Timepicker
Time is: {{ mytime | date:'shortTime' }}
Hours step is:
Minutes step is:
Modal
Selection from a modal: {{ selected }}