OnsTab Directive (ons-tab)

Angular directive for <ons-tab> component.

Represents a tab inside tab bar. Each <ons-tab> represents a page.


Tutorial will be added soon.

See also


Name Type Default Value Description
page String The page that is displayed when the tab is tapped. Optional. Works only during initialization.
icon String The icon name for the tab. Can specify the same icon name as <ons-icon>. Check See also section for more information. Optional.
active-icon String The name of the icon when the tab is active. Optional.
label String The label of the tab item. Optional.
badge String Display a notification badge on top of the tab. Optional.
active This attribute should be set to the tab that is active by default. Optional.


Name Type Description
page {Type<any>} Specify the page component that is displayed when the tab is active.


Need Help?

If you have any questions, use our Community Forum or talk to us via Gitter chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.