Getting started
Live Widgetbook
The real MacroMath components, interactive in the browser.
The Widgetbook renders the real Flutter widgets of the app, interactively — with knobs to change properties and a light/dark theme switch.
Run locally
cd widgetbook
flutter pub get
flutter run -d chrome # dev mode, with hot reload
# or a static build (to embed in the catalogue):
flutter build web --release --base-href /widgetbook/Then copy widgetbook/build/web to catalog/public/widgetbook.
Embedded
After you run flutter build web, the build is served at /widgetbook/ and shows
up here:
If the frame above is empty, the Widgetbook build hasn't been placed in
public/widgetbook/ yet. Run flutter build web --release in the widgetbook
folder and copy build/web to catalog/public/widgetbook.
What's included
- Foundations → Brand palette, Button (primary/ghost), Macro badge
- Cards → Macro card (progress)
- Navigation → BottomNavBar
- Feedback → Toast, Confirm dialog