Inspector Addon

The InspectorAddon, built on the 'inspector' package, enhances Widgetbook by enabling widget property inspection, such as colors, sizes, and padding, directly in the Workbench.

Usage

widgetbook/lib/main.dart
class WidgetbookApp extends StatelessWidget {
  const WidgetbookApp({super.key});

  @override
  Widget build(BuildContext context) {
    return Widgetbook(
      // ...
      addons: [
        InspectorAddon(), 
      ],
    );
  }
}

Order

Since the order of addons matters, here are some guidelines to follow when using the InspectorAddon:

Addons that should come before the InspectorAddon:

  • ViewportAddon
  • DeviceFrameAddon