Signature Pad
Draw a signature and clear or export the result.
Preview
Import
import { SignaturePad } from "@sigil-ui/components";Usage
<SignaturePad className="w-full max-w-md h-32" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
width | number | — | Width of the rendered content. |
height | number | — | Height of the rendered content. |
strokeColor | string | — | Stroke Color configuration. |
strokeWidth | number | — | Stroke Width configuration. |
onChange | (dataUrl: string | null) => void | — | Called when the value changes. |
disabled | boolean | — | Prevents user interaction when enabled. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-text | Text |
--s-radius-md | Radius md |
--s-border | Border |
--s-border-style | Border style |
--s-background | Background |
--s-text-muted | Text muted |
--s-duration-fast | Duration fast |