---
name: Toolbar Section
menu: Components
route: /components/toolbar-section
---

import { Playground, Props } from 'docz';
import { State } from 'react-powerplug';
import { ToolbarSection } from './../index.js';
import exampleButtons from './exampleButtons.js';
import NameSpace from '../../../__docs__/NameSpace';

# ToolbarSection

A basic row of buttons for a toolbar. Active command is `WwwcTool`

## Basic usage

<Playground>
  <State
    initial={{
      buttons: exampleButtons,
      activeButtons: ['Pan'],
      setToolActive: () => {
        alert('pressed');
      },
    }}
  >
    {({ state, setState }) => <ToolbarSection {...state} />}
  </State>
</Playground>

## API

<Props of={ToolbarSection} />

## Translation Namespace

<NameSpace name="Buttons" />