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

# Show calculators side by side

> Place up to four calculators next to each other with the multi-calculator widget.

Use the **multi-calculator** widget to show up to four calculators side by side on one page, handy for comparing scenarios (for example, the same wages at different pay frequencies).

## Add the multi-calculator

Use the `multi.js` script and set how many calculators and which type:

```html theme={null}
<script async src="https://calculators.symmetry.com/widget/js/multi.js?key=yourKey"
    data-calculator="hourly" data-count="3"></script>
```

## Attributes

| Attribute         | Description                                                                                                        | Default  |
| ----------------- | ------------------------------------------------------------------------------------------------------------------ | -------- |
| `data-calculator` | The calculator type to display. Accepts any [calculator type](/cbs/widgets/catalog).                               | `salary` |
| `data-count`      | Number of calculators to display (1–4). Values above four or non-numbers fall back to the default.                 | `2`      |
| `data-defaults`   | Prefills fields, exactly as with a single widget. See [Configuration methods](/cbs/widgets/configuration-methods). | None     |

## Copy inputs across calculators

The multi-calculator includes a **copy button** that takes the inputs from the leftmost (first) calculator and applies them to the others, so you can set shared inputs once and vary just one field per column.

<Tip>
  Give the container enough width for the number of calculators you show; each still follows the responsive rules in [Make a widget responsive](/cbs/widgets/make-responsive).
</Tip>