Skip to main content

Toolbars


Toolbars

  • Toolbars enhance user interactivity by providing quick access to actions-ensure that all commands referenced in the toolbar are properly defined in the Commands section to avoid missing functionality.
  • You can extend toolbars.json and pass the reference name within the component props to use the default toolbar. Alternatively, you can define a custom toolbar and commands directly in your widget configuration file.
"toolbars": [
{
"name": "toolbar",
"commands": [
{
"name": "dataGroup",
"isMenu": false
},
{
"name": "expandAll",
"isMenu": false
},
{
"name": "csvExport",
"isMenu": false
},
{
"name": "exportExcel",
"isMenu": false
}
]
}
]

Toolbar properties

Prop NameDescriptionData TypeRequiredExample
nameUnique identifier for the toolbar.stringyes"toolbar_issue_details"
commandsReferences to commands displayed in the toolbar.array stringno["dataGroup", "csvExport"]