Static Bars

69% 22% 166 / 200

---

Dynamic Bars

{{dynamic}} / {{max}} No animation {{dynamic}}% Object (changes type based on value) {{type}} !!! Watch out !!!

---

Stacked Bar

{{bar.value}}%

Collapsing content

Click me for a dropdown, yo!

• {{choice}}

---

Toggle button dropdown Enable/Disable

Inline

Selected date is: {{dt | date:'fullDate' }}

---

Today 2009-08-24 Clear Min date

Dynamic

Dynamic Popover

---

Positional

Top Left Right Bottom

---

Triggers

---

Other

fading title

Default Style

{{percent}}%

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

Clear Toggle Readonly

---

Custom Icons

Pellentesque {{dynamicTooltipText}}, sit amet venenatis urna cursus eget nunc scelerisque viverra mauris, in aliquam. Tincidunt lobortis feugiat vivamus at left eget arcu dictum varius duis at consectetur lorem. Vitae elementum curabitur right nunc sed velit dignissim sodales ut eu sem integer vitae. Turpis egestas bottom pharetra convallis posuere morbi leo urna, fading at elementum eu, facilisis sed odio morbi quis commodo odio. In cursus delayed turpis massa tincidunt dui ut.

I can even contain HTML. Check me out!

Or use custom triggers, like focus:

Static arrays

Model: {{selected | json}}

Asynchronous results

Model: {{asyncSelected | json}}

Custom templates for results

Model: {{customSelected | json}}

Time is: {{mytime | date:'shortTime' }}

---

12H / 24H Set to 14:00 Clear

Default

---

Pager

---

Limit the maximum visible buttons

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

red cyan greensea primary danger info drank lightred dutch hotpink 1 2 3 4 5 6 7 8 9 10