Editor Toolbar
UndoRedoButton
Undo or redo the last editor change.
Install
npx typix ui add undo-redo-buttonImport
import { UndoRedoButton } from "@/components/typix/main/undo-redo-button";Props
| Prop | Type | Default | Description |
|---|---|---|---|
action | "undo" | "redo" | — | Which action to perform. Required. |
text | string | — | Override the button label. |
hideWhenUnavailable | boolean | false | Hides when undo/redo history is empty. |
showShortcut | boolean | true | Show keyboard shortcut in tooltip. |
className | string | — | Additional CSS classes. |
Hook
import { useUndoRedo } from "@/components/typix/main/undo-redo-button";
const { canUndo, canRedo, handleUndo, handleRedo } = useUndoRedo({ action: "undo" });