smart_design_system 0.0.20

smart_design_system: ^0.0.20 copied to clipboard

example/lib/main.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/dropdown/dropdown_page.dart';
import 'package:example/stories/icon_button/icon_button_page.dart';
import 'package:example/stories/icon_text_button/icon_text_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/molecules/box_message/box_message_page.dart';
import 'package:example/stories/molecules/chips_carousel/smart_chips_carousel.dart';
import 'package:example/stories/molecules/smart_activable_row/smart_activable_row_page.dart';
import 'package:example/stories/molecules/smart_check_box_row/smart_check_box_row_page.dart';
import 'package:example/stories/molecules/thumb_pair/thumb_pair.dart';
import 'package:example/stories/nav_bar/nav_bar_page.dart';
import 'package:example/stories/navigable_row_list/navigable_row_list_page.dart';
import 'package:example/stories/pagination/pagination_page.dart';
import 'package:example/stories/progress_bar/progress_bar_page.dart';
import 'package:example/stories/radio_button/radio_button_page.dart';
import 'package:example/stories/rating/rating_page.dart';
import 'package:example/stories/selectable_row_list/selectable_row_list_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/stepper_horizontal/stepper_horizontal_page.dart';
import 'package:example/stories/switch/switch_page.dart';
import 'package:example/stories/tab/tab_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:smart_design_system/smart_design_system.dart';
import 'package:storybook_flutter/storybook_flutter.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await SmartDesignSystem.init();
  runApp(const MainApp());
}

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

  @override
  Widget build(BuildContext context) {
    return Storybook(
      initialStory: 'Dropdown',
      stories: [
        Story(
          name: 'Molecules/SmartActivableRowPage',
          description: 'SmartActivableRowPage',
          builder: (context) => const SmartActivableRowPage(),
        ),
        Story(
          name: 'Molecules/Pagination',
          description: 'Pagination',
          builder: (context) => const PaginationPage(),
        ),
        Story(
          name: 'Molecules/SelectableRowListPage',
          description: 'SelectableRowListPage',
          builder: (context) => const SelectableRowListPage(),
        ),
        Story(
          name: 'Molecules/NavigableRowList',
          description: 'NavigableRowList',
          builder: (context) => const NavigableRowListPage(),
        ),
        Story(
          name: 'Molecules/SmartActivableRow',
          description: 'SmartActivableRow',
          builder: (context) => const SmartActivableRowPage(),
        ),
        Story(
          name: 'Molecules/SmartThumbPairPage',
          description: 'SmartThumbPairPage',
          builder: (context) => const SmartThumbPairPage(),
        ),
        Story(
          name: 'Molecules/SmartChipsCarousel',
          description: 'SmartChipsCarousel',
          builder: (context) => const SmartChipsCarouselPage(),
        ),
        Story(
          name: 'Molecules/SmartCheckBoxRow',
          description: 'SmartCheckBoxRow',
          builder: (context) => const SmartCheckBoxRowPage(),
        ),
        Story(
          name: 'Molecules/SmartBoxMessagePage',
          description: 'SmartBoxMessagePage',
          builder: (context) => const SmartBoxMessagePage(),
        ),
        Story(
          name: 'Tab',
          description: 'Tab',
          builder: (context) => const TabPage(),
        ),
        Story(
          name: 'Dropdown',
          description: 'Dropdown demo',
          builder: (context) => const DropdownPage(),
        ),
        Story(
          name: 'Switch',
          description: 'Switch demo',
          builder: (context) => const SwitchPage(),
        ),
        Story(
          name: 'IconTextButton',
          description: 'IconTextButton demo',
          builder: (context) => const IconTextButttonPage(),
        ),
        Story(
          name: 'RadioButton',
          description: 'RadioButton demo',
          builder: (context) => const RadioButtonPage(),
        ),
        Story(
          name: 'Text Input',
          description: 'TextInput demo',
          builder: (context) => const TextInputPage(),
        ),
        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: '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(),
        ),
        Story(
          name: 'Nav Bar',
          description: 'Nav Bar demo',
          builder: (context) => const NavBarPage(),
        ),
      ],
    );
  }
}