title: Enable and customize the toolbar on your spreadsheet
keywords: Jexcel, javascript, vanilla javascript, excel-like, spreadsheet, datatables, data, table, toolbars
description: Full example on how to enable nor customize your javascript spreadsheet toolbar.
[Back to Examples](/jspreadsheet/v3/examples "Back to the examples section")
# Custom toolbars
The following example shows how to include and customize a toolbar in your javascript spreadsheet.
## Instructions
The toolbar can be customized with a few parameters.
| | |
|----------------------|------------------------------------------------------------------------------------------------------------------------------------------------------|
| **type** | could be **i** for icon, **select** for a dropdown, **color** or a color picker. |
| **content**{.nowrap} | defines the icon (from material icons) when you use type: i; [click here for all possible keys](https://material.io/tools/icons/) |
| **k** | means the style should be apply to the cell; |
| **v** | means the value of the style should be apply to the cell; When type:select, you can define an array of possibles values; |
| **onclick** | can be used together with type:i to implement any custom method. The method will receive the jspreadsheet instance and all marked cells by default. |
```html
```
**NOTE:** You need to include the material icons style sheet.
{.ignore}
```html
```