UI Components Form Cells Signature Form Cell

Intro

The signature form cell is an entry point for users to launch the signature capture component.

Anatomy

A. Header

The header introduces the signature form cell.

B. Text Label

The text label describes what the signature is for.

C. Add Signature Button

The “Add Signature” button launches the dialog for the signature capture when tapped.

Anatomy of the Signature form cell
Anatomy of the Signature form cell

Behavior and Interaction

The signature icon is the touch target for the form cell. When it is tapped, it will navigate users to the signature capture.

Activating the Signature form cell
Activating the Signature form cell

Specifications

Signature form cell
Signature form cell
Signature form cell - specifications
Signature form cell - specifications

Resources

Related Components/Patterns: Signature Capture, Button, Signature Capture Inline

Development: Signature Capture Form Cell