Tactile Signature Pad

Touch and pointer-driven HTML5 canvas signature pad with stroke physics, color toggling, and instant clear.

Interactive Live Preview

Component Props & Interface

Type-safe React 19 props supported by Tactile Signature Pad.

Prop Name	Type	Default	Description
className	`string`	undefined	Optional custom CSS styling classes
variant	`string`	'default'	Visual variant style theme
onAction	`() => void`	undefined	Event callback handler

⌨ Keyboard Navigation

Fully navigable via Tab and Space/Enter. Supports ARIA live region updates for AI streaming states.

📱 Touch & Mobile Gestures

Touch-optimized event handling with hardware acceleration on mobile iOS Safari and Chrome Android.

⚡ Reduced Motion

Respects prefers-reduced-motion with instant CSS state swaps and disabled infinite loops.

Complementary AI interface components in Controls & Canvas.