Demo

Select a tab by setting active binding to true:

Select second tabSelect third tab

Enable / Disable third tab

Static content {{tab.content}} Alert! I've got an HTML heading, and a select callback. Pretty cool!

Vertical content 1Vertical content 2

Justified contentShort Labeled Justified contentLong Labeled Justified content

Tabbed pills with CSS classes Tab 1 contentTab 2 content

Tabs using nested forms: Name Some Tab Content More Tab Content Model:

{{ model | json }}

Nested Form:

{{ outerForm.nestedForm | json }}