---
title: segmentBar
framework: tvml
role: collectionGroup
path: tvml/segmentbar
---

# segmentBar

Displays a list of segment bar items.

## Overview

Overview The segmentBar element contains a list of segmentBarItem elements that are displayed horizontally. Use the remote to move the cursor between the contained segmentBarItem elements. Here’s an example that has a title and subtitle above a segment bar that contains one item. <segmentBarHeader>    <title>Title</title>    <subtitle>Subtitle</subtitle>    <segmentBar>       <segmentBarItem>          <title>Title</title>       </segmentBarItem>    </segmentBar> </segmentBarHeader> Subelements of segmentBar segmentBarItem Elements that Use segmentBar segmentBarHeader

## Topics

### Valid TVML Styles

- [color](tvml/color.md)
- [margin](tvml/margin.md)
- [tv-highlight-color](tvml/tv-highlight-color.md)

### Valid TVML Attributes

- [autoHighlight](tvml/autohighlight.md)
- [binding](tvml/binding.md)
- [prototype](tvml/prototype.md)
- [theme](tvml/theme.md)

## See Also

### Bar Elements

- [menuBar](tvml/menubar.md)
- [menuItem](tvml/menuitem.md)
- [nowPlayingMenuItem](tvml/nowplayingmenuitem.md)
- [segmentBarHeader](tvml/segmentbarheader.md)
- [segmentBarItem](tvml/segmentbaritem.md)
- [tumblerBar](tvml/tumblerbar.md)
- [tumblerItem](tvml/tumbleritem.md)