# Zoom Addon

A utility addon designed for zooming in/out of the previewed story.

## Usage

```dart title=widgetbook/lib/widgetbook.config.dart
final config = Config(
  // ...
  addons: [
    ZoomAddon(), // [!code highlight]
  ],
);
```

## Order

Since the [order of addons](/addons/overview#order-of-addons) matters, here are some guidelines to follow when using the `ZoomAddon`:

Addons that should come before the `ZoomAddon`:

- `ViewportAddon`
- `AlignmentAddon`

## Mode

Each addon has a corresponding [Mode](/addons/modes) to lock its value in scenarios. For this addon, use `ZoomMode`:

```dart
final $Default = _Story(
  scenarios: [
    _Scenario(
      name: '2x Zoom',
      modes: [
        ZoomMode(2), // [!code highlight]
      ]
    ),
  ],
)
```