---
title: "Signature field"
description: "The signature field allows a signature input from the user."
sidebar_label: "Signature field"
slug: /reference/components/signature-field
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# Signature field

The signature field allows a signature input from the user.

**Package:** `@terreno/ui`  
**Categories:** Component  
**Props interface:** `SignatureFieldProps`  
**Story source:** [`demo/stories/Signaturefield.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/Signaturefield.stories.tsx)

## Live demo

<ComponentDemo name="Signature field" />

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `onChange` | `reflection` | Yes |  |
| `disabled` | `boolean` |  |  |
| `disabledText` | `string` |  |  |
| `errorText` | `string` |  |  |
| `fullWidth` | `boolean` |  |  |
| `onEnd` | `reflection` |  |  |
| `onStart` | `reflection` |  |  |
| `title` | `string` |  |  |
| `value` | `string` |  |  |