feat: sign document with text

This commit is contained in:
Ephraim Atta-Duncan
2023-12-11 12:03:22 +00:00
parent e4b7747f66
commit 6ad3edb6c8
10 changed files with 112 additions and 21 deletions

View File

@ -15,12 +15,14 @@ const DPI = 2;
export type SignaturePadProps = Omit<HTMLAttributes<HTMLCanvasElement>, 'onChange'> & {
onChange?: (_signatureDataUrl: string | null) => void;
containerClassName?: string;
clearSignatureClassName?: string;
};
export const SignaturePad = ({
className,
containerClassName,
defaultValue,
clearSignatureClassName,
onChange,
...props
}: SignaturePadProps) => {
@ -217,7 +219,7 @@ export const SignaturePad = ({
{...props}
/>
<div className="absolute bottom-4 right-4">
<div className={cn('absolute bottom-4 right-4', clearSignatureClassName)}>
<button
type="button"
className="focus-visible:ring-ring ring-offset-background text-muted-foreground rounded-full p-0 text-xs focus-visible:outline-none focus-visible:ring-2"