# useGridUndoRedo

Composable for programmatic undo/redo control.

Must be used within a component that contains a TbwGrid with undoRedo and editing enabled.

```ts
useGridUndoRedo(selector: string): UndoRedoMethods
```

## Parameters

| Name | Type | Description |
| ---- | ---- | ----------- |
| `selector` | <code>string</code> | Optional CSS selector to target a specific grid element via
  DOM query instead of using Vue's provide/inject. Use when the component
  contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`. |

#### Example

```vue
<script setup>
import { useGridUndoRedo } from '@toolbox-web/grid-vue/features/undo-redo';

const { undo, redo, canUndo, canRedo, clearHistory } = useGridUndoRedo();
</script>

<template>
  <div class="toolbar">
    <button @click="undo" :disabled="!canUndo()">Undo</button>
    <button @click="redo" :disabled="!canRedo()">Redo</button>
    <button @click="clearHistory">Clear History</button>
  </div>
</template>
```