React Reference > Segment Component

<Segment />

Segment component.

Usage 

<Segment modifier="material">
 <button>Label 1</button>
 <button>Label 2</button>
 <button>Label 3</button>
</Segment>

Props

[improve this]
Name Type Description
activeIndex number The index of the button to highlight. Optional.
index number DEPRECATED! Use activeIndex instead. Optional.
tabbarId string ID of the <Tabbar> to “connect” to the segment. Optional.
modifier string The appearance of the segment. Optional.
onPostChange func Called after the active button changes. Optional.
disabled bool Specifies whether the segment should be disabled. Optional.

Preset Modifiers

[improve this]
Name Description
material Material Design segment

Need Help?

If you have any questions, use our Community Forum or talk to us on Discord 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.