smart_design_system 0.0.11 copy "smart_design_system: ^0.0.11" to clipboard
smart_design_system: ^0.0.11 copied to clipboard

Design system for SmartDash.

example/lib/main.dart

import 'package:example/stepper_horizontal/stepper_horizontal_page.dart';
import 'package:example/stories/avatar/avatar_page.dart';
import 'package:example/stories/badge/badge_page.dart';
import 'package:example/stories/borders/borders_page.dart';
import 'package:example/stories/buttons/buttons_page.dart';
import 'package:example/stories/cards/cards_page.dart';
import 'package:example/stories/chip/chip_page.dart';
import 'package:example/stories/code_field/code_field_page.dart';
import 'package:example/stories/colors/colors_page.dart';
import 'package:example/stories/divider/divider_page.dart';
import 'package:example/stories/icon_button/icon_button_page.dart';
import 'package:example/stories/images/image_page.dart';
import 'package:example/stories/input/input_page.dart';
import 'package:example/stories/inputs/inputs_page.dart';
import 'package:example/stories/progress_bar/progress_bar_page.dart';
import 'package:example/stories/rating/rating_page.dart';
import 'package:example/stories/shadows/shadows_page.dart';
import 'package:example/stories/sizes/sizes_page.dart';
import 'package:example/stories/skeleton/skeleton_page.dart';
import 'package:example/stories/tag/tag_page.dart';
import 'package:example/stories/texts/texts_page.dart';
import 'package:example/stories/thumb/thumb_page.dart';
import 'package:example/stories/thumbnail_icon/thumbnail_icon_page.dart';
import 'package:example/stories/thumbnail_image/thumbnail_image_page.dart';
import 'package:example/stories/toggle_icon/toggle_icon_page.dart';
import 'package:flutter/material.dart';
import 'package:storybook_flutter/storybook_flutter.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return Storybook(
      stories: [
        Story(
          name: 'Input',
          description: 'Input demo',
          builder: (context) => InputPage(),
        ),
        Story(
          name: 'Divider',
          description: 'Divider demo',
          builder: (context) => const DividerPage(),
        ),
        Story(
          name: 'CodeField',
          description: 'CodeField demo',
          builder: (context) => const CodeFieldPage(),
        ),
        Story(
          name: 'Tag',
          description: 'Tag demo',
          builder: (context) => const TagPage(),
        ),
        Story(
          name: 'Icon Button',
          description: 'Icon Button demo',
          builder: (context) => const IconButtonPage(),
        ),
        Story(
          name: 'StepperHorizontal',
          description: 'StepperHorizontal demo',
          builder: (context) => const StepperHorizontalPage(),
        ),
        Story(
          name: 'Skeleton',
          description: 'Skeleton demo',
          builder: (context) => const SkeletonPage(),
        ),
        Story(
          name: 'ThumbnailImage',
          description: 'ThumbnailImage demo',
          builder: (context) => const ThumbnailImagePage(),
        ),
        Story(
          name: 'ThumbnailIcon',
          description: 'ThumbnailIcon demo',
          builder: (context) => const ThumbnailIconPage(),
        ),
        Story(
          name: 'Thumb',
          description: 'Thumb demo',
          builder: (context) => const ThumbPage(),
        ),
        Story(
          name: 'Chip',
          description: 'Chip demo',
          builder: (context) => const ChipPage(),
        ),
        Story(
          name: 'ProgressBar',
          description: 'ProgressBar demo',
          builder: (context) => const ProgressBarPage(),
        ),
        Story(
          name: 'Rating',
          description: 'Rating demo',
          builder: (context) => const RatingPage(),
        ),
        Story(
          name: 'ToggleIcon',
          description: 'ToggleIcon demo',
          builder: (context) => const ToggleIconPage(),
        ),
        Story(
          name: 'Badges',
          description: 'Badges demo',
          builder: (context) => const BadgePage(),
        ),
        Story(
          name: 'Buttons',
          description: 'Buttons demo',
          builder: (context) => const ButtonsPage(),
        ),
        Story(
          name: 'Cards',
          description: 'Cards demo',
          builder: (context) => const CardsPage(),
        ),
        Story(
          name: 'Styles',
          description: 'Styles demo',
          builder: (context) => const TextsPage(),
        ),
        Story(
          name: 'Colors',
          description: 'Colors demo',
          builder: (context) => const ColorsPage(),
        ),
        Story(
          name: 'Spaces',
          description: 'Spaces demo',
          builder: (context) => const SizesPage(),
        ),
        Story(
          name: 'Avatar',
          description: 'Avatar demo',
          builder: (context) => const AvatarPage(),
        ),
        Story(
          name: 'Inputs',
          description: 'Inuts demo',
          builder: (context) => const InputsPage(),
        ),
        Story(
          name: 'Images',
          description: 'Images demo',
          builder: (context) => const ImagesPage(),
        ),
        Story(
          name: 'Borders',
          description: 'Borders demo',
          builder: (context) => const BordersPage(),
        ),
        Story(
          name: 'Shadows',
          description: 'Shadows demo',
          builder: (context) => const ShadowsPage(),
        ),
      ],
    );
  }
}