1# toolbar
2
3>  **NOTE**
4>
5>  This component is supported since API version 5. Updates will be marked with a superscript to indicate their earliest API version.
6
7The **\<toolbar>** component provides a bar that is usually placed at the bottom of a page to display operation options for the page.
8
9
10## Required Permissions
11
12None
13
14
15## Child Components
16
17Only the **\<toolbar-item>** component is supported.
18
19>  **NOTE**
20>
21>  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.
22
23
24## Attributes
25
26The [universal attributes](js-components-common-attributes.md) are supported.
27
28
29## Styles
30
31The [universal styles](js-components-common-styles.md) are supported.
32
33>  **NOTE**
34>
35>  The **height** style is not supported. The height is fixed at 56px.
36
37
38## Events
39
40Not supported
41
42
43## Methods
44
45Not supported
46
47
48## Example
49
50For details, see [Example in toolbar-item](js-components-basic-toolbar-item.md).
51