starterComponentPreviews function

List<StarterComponentPreview> starterComponentPreviews()

Every magic_starter component preview, as (label, slug, builder) records.

Dev-only: call this only from a preview catalog behind a release guard.

Implementation

List<StarterComponentPreview> starterComponentPreviews() {
  return <StarterComponentPreview>[
    (
      label: 'Accordion',
      slug: 'accordion',
      builder: (_) => const AccordionPreview(),
    ),
    (label: 'Badge', slug: 'badge', builder: (_) => const BadgePreview()),
    (
      label: 'Bottom Sheet',
      slug: 'bottom_sheet',
      builder: (_) => const BottomSheetPreview(),
    ),
    (label: 'Button', slug: 'button', builder: (_) => const ButtonPreview()),
    (label: 'Card', slug: 'card', builder: (_) => const CardPreview()),
    (
      label: 'Checkbox',
      slug: 'checkbox',
      builder: (_) => const CheckboxPreview(),
    ),
    (
      label: 'Combobox',
      slug: 'combobox',
      builder: (_) => const ComboboxPreview(),
    ),
    (
      label: 'Confirm Dialog',
      slug: 'confirm_dialog',
      builder: (_) => const ConfirmDialogPreview(),
    ),
    (label: 'Dialog', slug: 'dialog', builder: (_) => const DialogPreview()),
    (
      label: 'Dropdown Menu',
      slug: 'dropdown_menu',
      builder: (_) => const DropdownMenuPreview(),
    ),
    (
      label: 'Empty State',
      slug: 'empty_state',
      builder: (_) => const EmptyStatePreview(),
    ),
    (
      label: 'Error State',
      slug: 'error_state',
      builder: (_) => const ErrorStatePreview(),
    ),
    (
      label: 'Form Field',
      slug: 'form_field',
      builder: (_) => const MagicFormFieldPreview(),
    ),
    (label: 'Input', slug: 'input', builder: (_) => const InputPreview()),
    (label: 'Navbar', slug: 'navbar', builder: (_) => const NavbarPreview()),
    (
      label: 'Page Header',
      slug: 'page_header',
      builder: (_) => const PageHeaderPreview(),
    ),
    (label: 'Radio', slug: 'radio', builder: (_) => const RadioPreview()),
    (
      label: 'Segmented Control',
      slug: 'segmented_control',
      builder: (_) => const SegmentedControlPreview(),
    ),
    (label: 'Select', slug: 'select', builder: (_) => const SelectPreview()),
    (
      label: 'Settings Nav Row',
      slug: 'settings_nav_row',
      builder: (_) => const SettingsNavRowPreview(),
    ),
    (
      label: 'Settings Row',
      slug: 'settings_row',
      builder: (_) => const SettingsRowPreview(),
    ),
    (
      label: 'Page Container',
      slug: 'page_container',
      builder: (_) => const PageContainerPreview(),
    ),
    (
      label: 'Page Scaffold',
      slug: 'page_scaffold',
      builder: (_) => const PageScaffoldPreview(),
    ),
    (
      label: 'Settings Section',
      slug: 'settings_section',
      builder: (_) => const SettingsSectionPreview(),
    ),
    (
      label: 'Skeleton',
      slug: 'skeleton',
      builder: (_) => const SkeletonPreview(),
    ),
    (
      label: 'Social Divider',
      slug: 'social_divider',
      builder: (_) => const SocialDividerPreview(),
    ),
    (label: 'Switch', slug: 'switch', builder: (_) => const SwitchPreview()),
    (label: 'Tabs', slug: 'tabs', builder: (_) => const TabsPreview()),
    (
      label: 'Team Selector',
      slug: 'team_selector',
      builder: (_) => const TeamSelectorPreview(),
    ),
    (
      label: 'Textarea',
      slug: 'textarea',
      builder: (_) => const TextareaPreview(),
    ),
    (label: 'Toast', slug: 'toast', builder: (_) => const ToastPreview()),
    (label: 'Tooltip', slug: 'tooltip', builder: (_) => const TooltipPreview()),
    (
      label: 'Typography',
      slug: 'typography',
      builder: (_) => const TypographyPreview(),
    ),
    (
      label: 'User Profile Dropdown',
      slug: 'user_profile_dropdown',
      builder: (_) => const UserProfileDropdownPreview(),
    ),
  ];
}