# menuBarTemplate Creates a page with items along the top and related information below. ## Overview Use the `menuBarTemplate` to display a list of selectable items across the top of the screen. Users can move between menu bar items to change the information displayed below the menu bar. The following figure shows the basic layout for a `menuBarTemplate` page. The theme for the menu bar template defaults to the system preference.  > Note: You can display up to seven items in the menu bar. ### Main Elements The following listing shows the main elements of the `menuBarTemplate` element in TVML format. ```xml ``` #### Element Descriptions - [menuBar](/documentation/TVML/menubar): Menu items associated with the menu bar. - [menuItem](/documentation/TVML/menuitem): Information about a single menu item. - [title](/documentation/TVML/title): The text that describes the menu item. ### Example The following listing shows the TVML for a `menuBarTemplate` example. The example shows the menu bar along the top of the screen. Expand the controlling JavaScript file in order to show content for each item in the menu bar. For more information, see . ```xml ``` The following figure shows the output for the above example:  ## Topics ### Valid TVML Attributes [binding](/documentation/TVML/binding) Associates information in a data item with an element. [layoutDirection](/documentation/TVML/layoutdirection) Specifies the direction in which text is displayed. [prototype](/documentation/TVML/prototype) Associates a data item type with an element. [theme](/documentation/TVML/theme) Sets the color scheme for an element. --- Copyright © 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)