Vyuh Logo

Vyuh Framework

Build Modular, Scalable, CMS-driven Flutter Apps

Docs | Website

Vyuh Widgetbook 📚

vyuh_widgetbook

A powerful widgetbook implementation for previewing Vyuh content and components. Built on top of widgetbook, this package provides a seamless way to preview and test your Vyuh content types in isolation.

Vyuh Widgetbook showing content previews

✨ Features

  • 📱 Preview content types in different sizes
  • 🌓 Toggle between light and dark themes
  • 🎯 Test content types in isolation
  • 🔍 Navigate through features and their content types
  • 🎭 Preview different layouts for each content type

📦 Installation

dependencies:
  vyuh_widgetbook: ^1.0.0

🚀 Usage

Create a new Flutter app and use runWidgetBook to start the widgetbook:

import 'package:flutter/widgets.dart';
import 'package:vyuh_widgetbook/vyuh_widgetbook.dart';
import 'package:vyuh_feature_system/vyuh_feature_system.dart' as system;
import 'package:feature_one/feature_one.dart' as feature1;
import 'package:feature_two/feature_two.dart' as feature2;
import 'package:feature_three/feature_three.dart' as feature3;

void main() {
  runWidgetBook(
    features: () => [
      // Add your features here
      system.feature,
      feature1.feature,
      feature2.feature,
      feature3.feature,
    ],
    // Optional: Customize themes
    lightTheme: YourThemeData.light,
    darkTheme: YourThemeData.dark,
  );
}

📚 Documentation

For detailed documentation and guides, visit:

🤝 Contributing

Contributions are welcome! Please read our contributing guidelines to get started.

📚 Learn More


Made with ❤️ by Vyuh