# ToolbarContentDefinition

> _Since v1.0.0_

Toolbar content definition for the shell header toolbar area.
Register via the shell plugin's `registerToolbarContent()` or use light DOM `<tbw-grid-tool-buttons>`.

#### Example

```typescript
grid.getPluginByName('shell')?.registerToolbarContent({
  id: 'my-toolbar',
  order: 10,
  render: (container) => {
    const btn = document.createElement('button');
    btn.textContent = 'Refresh';
    btn.onclick = () => console.log('clicked');
    container.appendChild(btn);
    return () => btn.remove();
  },
});
```

## Properties

| Property | Type | Description |
| -------- | ---- | ----------- |
| `id` | <code>string</code> | Unique content ID |
| `render` | <code>(container: HTMLElement) =&gt; void &#124; () =&gt; void</code> | Content factory - called once when shell header renders |
| `onDestroy?` | <code>() =&gt; void</code> | Called when content is removed (for cleanup) |
| `order?` | <code>number</code> | Order priority (lower = first, default: 100) |