التوقيع

يتيح التوقيع للمستخدمين تقديم توقيع بخط اليد أو مكتوب أو مرفوع مع دعم RTL.

Loading demo: signature-real-world

التثبيت

npx sdaia-ui@latest add signature

import { Signature } from "@/components/ui/signature"

<Signature type="draw" />

توقيع بخط اليد يستخدم الفأرة أو اللمس.

Loading demo: signature-draw

التوقيع مُولَّد من نص مكتوب.

Loading demo: signature-text

التوقيع مرفوع كملف صورة.

Loading demo: signature-upload

خصائص مكوّن Signature.

Prop	Type	Default	Required
type	'draw' \| 'text' \| 'upload'	-	optional
defaultType	'draw' \| 'text' \| 'upload'	'draw'	optional
onTypeChange	(type: SignatureType) => void	-	optional
helperText	string	"By signing this document, I certify that I have reviewed and accepted the agreement."	optional
showHelperText	boolean	true	optional
showOptions	boolean	true	optional
showTabs	boolean	true	optional
cancelLabel	string	'Cancel'	optional
acceptLabel	string	'Accept and Sign'	optional
onCancel	() => void	-	optional
onAccept	(data?: string \| File) => void	-	optional
className	string	-	optional