1e41f4b71Sopenharmony_ci# toolbar 2e41f4b71Sopenharmony_ci 3e41f4b71Sopenharmony_ci> **NOTE** 4e41f4b71Sopenharmony_ci> 5e41f4b71Sopenharmony_ci> This component is supported since API version 5. Updates will be marked with a superscript to indicate their earliest API version. 6e41f4b71Sopenharmony_ci 7e41f4b71Sopenharmony_ciThe **\<toolbar>** component provides a bar that is usually placed at the bottom of a page to display operation options for the page. 8e41f4b71Sopenharmony_ci 9e41f4b71Sopenharmony_ci 10e41f4b71Sopenharmony_ci## Required Permissions 11e41f4b71Sopenharmony_ci 12e41f4b71Sopenharmony_ciNone 13e41f4b71Sopenharmony_ci 14e41f4b71Sopenharmony_ci 15e41f4b71Sopenharmony_ci## Child Components 16e41f4b71Sopenharmony_ci 17e41f4b71Sopenharmony_ciOnly the **\<toolbar-item>** component is supported. 18e41f4b71Sopenharmony_ci 19e41f4b71Sopenharmony_ci> **NOTE** 20e41f4b71Sopenharmony_ci> 21e41f4b71Sopenharmony_ci> A maximum of five **\<toolbar-item>** child components can be displayed in a **\<toolbar>** component. If there are six or more toolbar items, the first four are displayed, and the rest items are added to the **More** list of the toolbar. Users can click **More** to view the items. The list is displayed in the default style instead of the custom style set for the \<toolbar-item> components. 22e41f4b71Sopenharmony_ci 23e41f4b71Sopenharmony_ci 24e41f4b71Sopenharmony_ci## Attributes 25e41f4b71Sopenharmony_ci 26e41f4b71Sopenharmony_ciThe [universal attributes](js-components-common-attributes.md) are supported. 27e41f4b71Sopenharmony_ci 28e41f4b71Sopenharmony_ci 29e41f4b71Sopenharmony_ci## Styles 30e41f4b71Sopenharmony_ci 31e41f4b71Sopenharmony_ciThe [universal styles](js-components-common-styles.md) are supported. 32e41f4b71Sopenharmony_ci 33e41f4b71Sopenharmony_ci> **NOTE** 34e41f4b71Sopenharmony_ci> 35e41f4b71Sopenharmony_ci> The **height** style is not supported. The height is fixed at 56px. 36e41f4b71Sopenharmony_ci 37e41f4b71Sopenharmony_ci 38e41f4b71Sopenharmony_ci## Events 39e41f4b71Sopenharmony_ci 40e41f4b71Sopenharmony_ciNot supported 41e41f4b71Sopenharmony_ci 42e41f4b71Sopenharmony_ci 43e41f4b71Sopenharmony_ci## Methods 44e41f4b71Sopenharmony_ci 45e41f4b71Sopenharmony_ciNot supported 46e41f4b71Sopenharmony_ci 47e41f4b71Sopenharmony_ci 48e41f4b71Sopenharmony_ci## Example 49e41f4b71Sopenharmony_ci 50e41f4b71Sopenharmony_ciFor details, see [Example in toolbar-item](js-components-basic-toolbar-item.md). 51