# Side tab

A small tab docked to the edge of the screen that expands into the full form when clicked.

## Embed code

```html
<script src="https://cdn.formsapp.io/embed.js" type="text/javascript" async defer onload="new formsapp('69d4bd130b443bda40c8f65a', 'sidetab', {'button':{'color':'#ff9e24','text':'Click here!'},'align':{'horizontal':'right','vertical':'middle'},'width':'400px','height':'500px'}, 'https://eu.forms.app');"></script>
```

The side tab creates its own trigger, so no placeholder `<iframe>` or `<button>` element is needed; only the loader `<script>` tag.

## Options

| Option | Description |
|  --- | --- |
| `button.color` | Hex color of the tab. |
| `button.text` | Label shown on the tab, for example `'Click here!'`. |
| `align.horizontal` | Which side of the screen the tab docks to: `'left'` or `'right'`. |
| `align.vertical` | Vertical position of the tab, for example `'middle'`. |
| `width` / `height` | Size of the form panel once expanded. |


The side tab also supports the shared `autoOpen` settings described in [Embed options](/embeds/embed-options#shared-button-and-auto-open-settings).

## What's next

- [Embed options](/embeds/embed-options) for the other layouts.
- [Examples](/embeds/examples) for React, Next.js, Vue, and Kotlin.