design 0.0.4

Flutter App Design System

example/lib/main.dart

import 'package:design/theme/app_theme.dart';
import 'package:example/typography_page.dart';
import 'package:example/widgets_page.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: AppTheme.standard,
      home: DefaultTabController(
        length: 2,
        child: Scaffold(
          appBar: AppBar(
            title: const Text('Design System Example'),
            bottom: const TabBar(
              tabs: [
                Tab(
                  text: 'Widgets',
                  icon: Icon(Icons.widgets),
                ),
                Tab(
                  text: 'Typography',
                  icon: Icon(Icons.text_fields),
                ),
              ],
            ),
          ),
          body: const Padding(
            padding: EdgeInsets.all(16),
            child: TabBarView(
              children: [
                WidgetsPage(),
                TypographyPage(),
              ],
            ),
          ),
        ),
      ),
    );
  }
}