# icon-position

**Optional**

**Type**: `left` | `right`

**Default**: Depends on the UI component. See the [table](#default-values-per-component) below.

Specify where the `icon` is positioned relative to the label of the component.

#### Example - `icon-position` on `capture-file`

{% code title="main.view\.xml" %}

```xml
 <columns>
    <column>
        <info>icon-position="left"</info>
        <capture-file icon-position="left" bind="my_file" label="" downloadable="true" />
    </column>
    <column>
        <info>icon-position="left"</info>
        <capture-file icon-position="right" bind="my_file" label="" downloadable="true" />
    </column>
</columns>
```

{% endcode %}

<figure><img src="https://2865107717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9TCHLR67eLHBOjPvHhud%2Fuploads%2FpnLy1MiUVem5bxlrFBek%2Fimage.png?alt=media&#x26;token=7d59a691-d0d2-40b3-84a7-5b790d78bb95" alt=""><figcaption></figcaption></figure>

#### Default values per component

| UI Component             | Default value |
| ------------------------ | ------------- |
| `button`                 | `left`        |
| `button-group`           | `left`        |
| `capture-file`           | `left`        |
| `capture-photo`          | `left`        |
| `capture-signature`      | `left`        |
| `date-input`             | `right`       |
| `list`                   | `left`        |
| `object-dropdown`        | `right`       |
| `scan-barcode`           | `left`        |
| `single-choice-dropdown` | `right`       |