> ## Documentation Index
> Fetch the complete documentation index at: https://docs.iinkedsign.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tags

> Learn about the various template tags available for document templating.

## Signature

Signature tags are used to indicate where a signer should place their signature within the document.

<Tabs>
  <Tab title="signature_#">
    ```handlebars long theme={null}
    {{signer_1:signature_1}}
    ```

    ```handlebars short theme={null}
    {{s_1:sig_1}}
    ```
  </Tab>

  <Tab title="signature_#_name">
    ```handlebars long theme={null}
    {{signer_1:signature_1_name}}
    ```

    ```handlebars short theme={null}
    {{s_1:sig_1_name}}
    ```
  </Tab>

  <Tab title="signature_#_email">
    ```handlebars long theme={null}
    {{signer_1:signature_1_email}}
    ```

    ```handlebars short theme={null}
    {{s_1:sig_1_email}}
    ```
  </Tab>

  <Tab title="signature_#_date">
    ```handlebars long theme={null}
    {{signer_1:signature_1_date}}
    ```

    ```handlebars short theme={null}
    {{s_1:sig_1_date}}
    ```
  </Tab>
</Tabs>

## Initials

Initials tags are used to indicate where a signer should place their initials within the document.

<Tabs>
  <Tab title="initials_#">
    ```handlebars long theme={null}
    {{signer_1:initials_1}}
    ```

    ```handlebars short theme={null}
    {{s_1:init_1}}
    ```
  </Tab>

  <Tab title="initials_#_name">
    ```handlebars long theme={null}
    {{signer_1:initials_1_name}}
    ```

    ```handlebars short theme={null}
    {{s_1:init_1_name}}
    ```
  </Tab>

  <Tab title="initials_#_email">
    ```handlebars long theme={null}
    {{signer_1:initials_1_email}}
    ```

    ```handlebars short theme={null}
    {{s_1:init_1_email}}
    ```
  </Tab>

  <Tab title="initials_#_date">
    ```handlebars long theme={null}
    {{signer_1:initials_1_date}}
    ```

    ```handlebars short theme={null}
    {{s_1:init_1_date}}
    ```
  </Tab>
</Tabs>

## Text

Text tags are used to indicate where a signer should enter text within the document.

```handlebars long theme={null}
{{signer_1:text_1}}
```

```handlebars short theme={null}
{{s_1:text_1}}
```

## Multiline

Multiline tags are used to indicate where a signer should enter multiple lines of text within the document.

```handlebars long theme={null}
{{signer_1:multiline_1}}
```

```handlebars short theme={null}
{{s_1:multi_1}}
```

## Date picker

Date picker tags are used to indicate where a signer should enter a date within the document.

```handlebars long theme={null}
{{signer_1:datepicker_1}}
```

```handlebars short theme={null}
{{s_1:dp_1}}
```

## Radio

Radio tags are used to indicate where a signer should select an option from a set of radio buttons within the document.

<Warning>
  Radio groups must have unique tag IDs (across all signers) within the document to function correctly.
</Warning>

<Note>
  The radio group tag is optional. If not specified, the radio buttons will function as a group by default based on their tag IDs.
</Note>

<Note>
  A signer must select one of the radio buttons in the group unless the radio button group is marked as optional.
</Note>

<Note>
  The radio group tag does not render a visible field in the document. It is only used to define the grouping behavior of the associated radio buttons.
</Note>

### Radio group (optional)

Radio group tags are used to customize the behavior of a set of radio buttons within the document.

<Tabs>
  <Tab title="radio_#">
    ```handlebars long theme={null}
    {{signer_1:radio_1}}
    ```

    ```handlebars short theme={null}
    {{s_1:r_1}}
    ```
  </Tab>

  <Tab title="radio_#:option_optional">
    ```handlebars long theme={null}
    {{signer_1:radio_1:option_optional}}
    ```

    ```handlebars short theme={null}
    {{s_1:r_1:o_opt}}
    ```
  </Tab>
</Tabs>

### Radio button

```handlebars long theme={null}
{{signer_1:radio_1.1}}
```

```handlebars short theme={null}
{{s_1:r_1.1}}
```

### Examples

When combining the radio group tag with a radio button tag, the syntax looks like this:

<Tabs>
  <Tab title="Signer 1, group 1, optional">
    ```handlebars long theme={null}
    {{signer_1:radio_1:option_optional}}
    {{radio_1.1}}
    {{radio_1.2}}
    {{radio_1.3}}
    ```

    ```handlebars short theme={null}
    {{s_1:r_1:o_opt}}
    {{r_1.1}}
    {{r_1.2}}
    {{r_1.3}}
    ```
  </Tab>

  <Tab title="Signer 2, group 2">
    ```handlebars long theme={null}
    {{signer_2:radio_2}}
    {{radio_2.1}}
    {{radio_2.2}}
    {{radio_2.3}}
    ```

    ```handlebars short theme={null}
    {{s_2:r_2}}
    {{r_2.1}}
    {{r_2.2}}
    {{r_2.3}}
    ```
  </Tab>
</Tabs>

<Tip>
  The radio button tags will inherit the signer from the radio group tag and do not need to specify the signer again.
</Tip>

## Checkbox

Checkbox tags are used to indicate where a signer should select a checkbox within the document.

<Warning>
  Checkbox groups must have unique tag IDs (across all signers) within the document to function correctly.
</Warning>

<Note>
  The checkbox group tag is optional. If not specified, the checkboxes will function as a group by default based on their tag IDs.
</Note>

<Note>
  The checkbox group tag does not render a visible field in the document. It is only used to define the grouping behavior of the associated checkboxes.
</Note>

### Checkbox group (optional)

Checkbox group tags are used to customize the behavior of a set of checkboxes within the document.

<Tabs>
  <Tab title="checkbox_#">
    ```handlebars long theme={null}
    {{signer_1:checkbox_1}}
    ```

    ```handlebars short theme={null}
    {{s_1:c_1}}
    ```
  </Tab>

  <Tab title="checkbox_#:validate_required_2">
    You can use the `validate_required` property to make at least two checkboxes in the group required.

    ```handlebars long theme={null}
    {{signer_1:checkbox_1:validate_required_2}}
    ```

    ```handlebars short theme={null}
    {{s_1:c_1:vd_req_2}}
    ```
  </Tab>
</Tabs>

### Checkbox

```handlebars long theme={null}
{{signer_1:checkbox_1.1}}
```

```handlebars short theme={null}
{{s_1:c_1.1}}
```

### Examples

When combining the checkbox group tag with a checkbox tag, the syntax looks like this:

<Tabs>
  <Tab title="Signer 1, group 1, required 2">
    ```handlebars long theme={null}
    {{signer_1:checkbox_1:validate_required_2}}
    {{checkbox_1.1}}
    {{checkbox_1.2}}
    {{checkbox_1.3}}
    ```

    ```handlebars short theme={null}
    {{s_1:c_1:vd_req_2}}
    {{c_1.1}}
    {{c_1.2}}
    {{c_1.3}}
    ```
  </Tab>

  <Tab title="Signer 2, group 2">
    ```handlebars long theme={null}
    {{signer_2:checkbox_2}}
    {{checkbox_2.1}}
    {{checkbox_2.2}}
    {{checkbox_2.3}}
    ```

    ```handlebars short theme={null}
    {{s_2:c_2}}
    {{c_2.1}}
    {{c_2.2}}
    {{c_2.3}}
    ```
  </Tab>
</Tabs>

## Image

Image tags are used to indicate where a signer should upload an image within the document.

```handlebars long theme={null}
{{signer_1:image_1}}
```

```handlebars short theme={null}
{{s_1:img_1}}
```

## Document properties

You can use template tags to insert document properties such as the package or document name.

<Tabs>
  <Tab title="document:packageName">
    ```handlebars long theme={null}
    {{document:packageName}}
    ```

    ```handlebars short theme={null}
    {{doc:packageName}}
    ```
  </Tab>

  <Tab title="document:name">
    ```handlebars long theme={null}
    {{document:name}}
    ```

    ```handlebars short theme={null}
    {{doc:name}}
    ```
  </Tab>

  <Tab title="document:date">
    ```handlebars long theme={null}
    {{document:date}}
    ```

    ```handlebars short theme={null}
    {{doc:d}}
    ```
  </Tab>
</Tabs>

## Signer properties

You can also use template tags to insert signer properties such as name and email.

<Tabs>
  <Tab title="signer_#:name">
    ```handlebars long theme={null}
    {{signer_1:name}}
    ```

    ```handlebars short theme={null}
    {{s_1:name}}
    ```
  </Tab>

  <Tab title="signer_#:email">
    ```handlebars long theme={null}
    {{signer_1:email}}
    ```

    ```handlebars short theme={null}
    {{s_1:email}}
    ```
  </Tab>

  <Tab title="signer_#:date">
    ```handlebars long theme={null}
    {{signer_1:date}}
    ```

    ```handlebars short theme={null}
    {{s_1:d}}
    ```
  </Tab>
</Tabs>