Typed signature field

Lets a user type their name and choose a signature font with a live preview. Works the

Package: @terreno/ui
Categories: Component
Props interface: TypedSignatureFieldProps
Story source: demo/stories/Typedsignaturefield.stories.tsx

Live demo

Live preview from the Terreno component demoOpen in playground ↗

Props

Prop	Type	Required	Description
onChange	reflection	Yes
disabled	boolean
errorText	string
fonts	array		Selectable fonts. Defaults to the library's bundled signature fonts. When supplying a custom list, the consumer is responsible for loading those font families (e.g. via expo-font) so the preview renders correctly.
helperText	string
nameLabel	string		Label for the name input. Defaults to "Full name".
placeholder	string		Placeholder for the name input. Defaults to "Type your full name".
testID	string		Root test id for the primary interactive element or container.
testIDs	FieldTestIDs
title	string		Section title rendered above the field. Defaults to "Signature".
value	TypedSignatureValue		Controlled value. When omitted the field starts empty with the first font selected.