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: 'Notification Dropdown',
      slug: 'notification_dropdown',
      builder: (_) => const NotificationDropdownPreview()
    ),
    (
      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: 'Settings Scaffold',
      slug: 'settings_scaffold',
      builder: (_) => const SettingsScaffoldPreview()
    ),
    (
      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()
    ),
  ];
}