Zoom Addon
A utility addon designed for zooming in/out of the previewed use-case.
Usage
widgetbook/lib/main.dart
class WidgetbookApp extends StatelessWidget {
const WidgetbookApp({super.key});
@override
Widget build(BuildContext context) {
return Widgetbook(
// ...
addons: [
ZoomAddon(),
],
);
}
}
Order
Since the order of addons matters, here are some guidelines to follow when using the ZoomAddon:
Addons that should come before the ZoomAddon:
ViewportAddonDeviceFrameAddonAlignmentAddon
Multi-snapshot Support
The ZoomAddon is supported in the Multi Snapshot Reviews via the ZoomAddonConfig. Here's how to configure it:
widgetbook/lib/main.dart
import 'package:widgetbook/widgetbook.dart';
import 'package:widgetbook_annotation/widgetbook_annotation.dart';
@App(
cloudAddonsConfigs: {
'x1': [
ZoomAddonConfig(1),
],
'x2': [
ZoomAddonConfig(2),
],
},
)
class WidgetbookApp extends StatelessWidget {
const WidgetbookApp({super.key});
@override
Widget build(BuildContext context) {
return Widgetbook(
// ...
addons: [
ZoomAddon(),
],
);
}
}