v-ons-tab

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

Tutorial

See also

Props

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

Events Summary

Name Description
click Normal click event. Useful to modify the component default action (set an active page based on index).

Events

click

Normal click event. Useful to modify the component default action (set an active page based on index).

Parameters
Name Type Description
event Object Event object.
event.preventDefault Function Avoids the default behavior.

Discussion

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.