UI Bootstrap 16

Bootstrap components written in pure AngularJS

{{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.
{{alert.msg}}
Buttons
Single toggle
{{singleModel}}
Checkbox
{{checkModel}}
Radio & Uncheckable Radio
{{radioModel || 'null'}}
Carousel

Slide {{$index}}

{{slide.text}}
Interval: ms
Collapse
Some content
Dropdown
Click me for a dropdown, yo!

Modal

Pagination

The selected page no: {{currentPage}}

Pager

Limit the maximum visible buttons (Page: {{bigCurrentPage}} / {{numPages}})

Popover

Positional
Triggers
Other
Progressbar
22% 90 / 200
{{dynamic}} / {{max}} {{dynamic}}% {{type}} !!! Watch out !!!
{{bar.value}}%

Rating

{{percent}}%
Rate: {{rate}} - Readonly is: {{isReadonly}} - Hovering over: {{overStar || "none"}}
Custom icons
({{xx}})
(Person: {{x}})

Tabs

Select a tab by setting active binding to true:

Static content {{tab.content}} Alert! I've got an HTML heading, and a select callback. Pretty cool! Vertical content 1 Vertical content 2 Justified content Short Labeled Justified content Long Labeled Justified content
Tooltip

Pellentesque {{dynamicTooltipText}}, sit amet left eget arcu right unc sed bottom pharetra convallis, fading at elementum eu delayed turpis.

I can even contain HTML. Check me out!

Typehead

Static arrays
Model: {{selected | json}}
Asynchronous results
Model: {{asyncSelected | json}}

Datepicker

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

Timepicker

Time is: {{mytime | date:'shortTime' }}
Hours step is:
Minutes step is:

Dropdown menu

Breadcrumb

Lable & Badge

Primary Success Info dark Warning Danger Light

15 20 21 13 35 32 9