{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-signature-pad-2","type":"registry:block","title":"Undo and redo toolbar","description":"Toolbar with undo, redo and clear, plus Ctrl+Z and Ctrl+Shift+Z shortcuts.","dependencies":[],"registryDependencies":["button-group","kbd","@reui/signature-pad"],"files":[{"path":"c-signature-pad-2.tsx","type":"registry:block","content":"import {\n  SignaturePad,\n  SignaturePadArea,\n  SignaturePadClear,\n  SignaturePadGuide,\n  SignaturePadPlaceholder,\n  SignaturePadRedo,\n  SignaturePadUndo,\n} from \"@/components/reui/signature-pad\"\n\nimport { ButtonGroup } from \"@/components/ui/button-group\"\nimport { Kbd, KbdGroup } from \"@/components/ui/kbd\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <SignaturePad className=\"mx-auto max-w-lg\">\n      <div className=\"flex items-center gap-3\">\n        <ButtonGroup aria-label=\"History\">\n          <SignaturePadUndo />\n          <SignaturePadRedo />\n        </ButtonGroup>\n        <p className=\"text-muted-foreground hidden items-center gap-1.5 text-xs sm:flex\">\n          <KbdGroup>\n            <Kbd>Ctrl</Kbd>\n            <Kbd>Z</Kbd>\n          </KbdGroup>\n          to undo\n        </p>\n        <SignaturePadClear size=\"sm\" className=\"ms-auto\">\n          <IconPlaceholder\n            lucide=\"BrushCleaningIcon\"\n            tabler=\"IconEraser\"\n            hugeicons=\"BrushCleaningIcon\"\n            phosphor=\"BroomIcon\"\n            remixicon=\"RiEraserLine\"\n            aria-hidden=\"true\"\n          />\n          Clear\n        </SignaturePadClear>\n      </div>\n      <SignaturePadArea className=\"h-48\">\n        <SignaturePadGuide />\n        <SignaturePadPlaceholder>Draw your signature</SignaturePadPlaceholder>\n      </SignaturePadArea>\n    </SignaturePad>\n  )\n}","target":"components/examples/c-signature-pad-2.tsx"}],"meta":{"order":2,"label":"Undo & Redo"}}