1# toolbar 2 3The **\<toolbar>** component provides a bar that is usually placed at the bottom of a page to display operation options for the page. 4 5## Required Permissions 6 7None 8 9## Child Component 10 11Only the **\<toolbar-item>** component is supported. 12 13>  **NOTE:** A maximum of five **\<toolbar-item>** components can be contained in a **\<toolbar>** component. If there are six or more, only the first four are displayed, and the rest items are hidden in the **More** list of the toolbar. Users can click **More** to view the hidden items. The list is displayed in the default style instead of a customized style set for the **\<toolbar-item>** component. 14 15## Attributes 16 17Attributes in [Universal Attributes](js-components-common-attributes.md) are supported. 18 19## Styles 20 21Styles in [Universal Styles](js-components-common-styles.md) are supported. 22 23>  **NOTE:** The **height** style is not supported. The height is fixed at 56px. 24 25## Events 26 27None 28 29## Method 30 31None 32 33## Example Code 34 35For details, see the [toolbar-item example code](js-components-basic-toolbar-item.md).
){kind=link}