---
title: ToolBar
order: 4
ToolBar is a build-in Component in G6, but not reigstered by default. It needs to be imported into the code and registered with the `extend` method, and then you could configured it to the graph instance.
## Usage
The demo below show how to use toolbar on graph. Toolbar's style can be defined by the CSS with class name `g6-component-toolbar`:
```css
.g6-component-toolbar {
// css styles
}
```
