Sprout Toge Design
A Flutter package that provides design system class.
Features
Classes:
- Colors
- Primary Colors (TogeColors)
- Background Colors
- Text Colors
- Border Colors
- Elavation
- Font
- Font Family
- Font Size
- Font Spacing
- Font Weight
- Size
- Primary Size (Toge Size)
- Spacing
Widgets:
-
Buttons
- TogeButtonWidget
- TogeIconButtonWidget
- TogeDropdownButtonWidget
-
Avatar
- TogeAvatarWidget
-
Tabs
- TogeTabBarWidget
- TogeTab
- TogeTabIcon
-
Checkbox
- TogeCheckboxWidget
- TogeCheckboxLabelWidget
- TogeCheckboxIconWidget
-
Badge
- TogeBadgeBaseWidget
- TogeBadgeLabelWidget
- TogeBadgeWidget
-
Lozenge
- TogeLozengeWidget
- TogeLozengeHollowWidget
- TogeLozengeFillWidget
-
Card
- TogeCardPrimaryWidget
- TogeCardOutlinedWidget
- TogeCardListWidget
- TogeCardDefaultTemplateWidget
- TogeCardDefaultLeadingTemplateWidget
- TogeCardDefaultTrailingTemplateWidget
- TogeCardIconTemplateWidget
- TogeCardMetricTemplateWidget
- TogeCardSlotTemplateWidget
- TogeCardLoadingType
- TogeCardInteractionType
-
Chips
- TogeChipsWidget
-
Banner
- TogeBannerWidget
- TogeBannerType
-
Border
- TogeDottedBorderPainter
- TogeDottedBorderWidget
-
File Upload
- TogeFileUploadWidget
- TogeFileUploadSystemTrayContentWidget
- TogeFileUploadSourceWidget
- TogeFileUploadEntryWidget
- TogeFileUploadBaseWidget
- TogeFileUploadEntity
- TogeFileUploadFileType
- TogeFileUploadSource
-
Pin
- TogePinBoxWidget
- TogePinWidget
-
System Tray
- TogeSystemTraySize
- TogeSystemTrayDialogWidget
- TogeSystemTrayFooterWidget
- TogeSystemTrayHeaderWidget
- TogeSystemTrayWidget
-
Input Field
- TogeInputTextFieldWidget
- TogeTextFieldLoadingWidget
- TogeInputTextFieldWidget
-
Empty State
- TogeEmptyStateWidget
Installation
Add the following to your pubspec.yaml file:
dependencies:
sprout_toge_design: 1.0.24
Libraries
- core/constants/colors/background_colors
- core/constants/colors/border_colors
- core/constants/colors/colors
- core/constants/colors/text_colors
- core/constants/elavation/elavation
- core/constants/font/font_family
- core/constants/font/font_height
- core/constants/font/font_size
- core/constants/font/font_spacing
- core/constants/font/font_weight
- core/constants/size/size
- core/constants/size/spacing
- core/enum/avatar/avatar_size
- core/enum/avatar/avatar_type
- core/enum/badge/badge_size
- core/enum/badge/badge_tone
- core/enum/card/card_interaction_type
- core/enum/card/card_loading_type
- core/enum/checkbox/checkbox_type
- core/enum/file_upload/file_upload_file_type
- core/enum/file_upload/file_upload_source
- core/enum/input_field/input_field_state
- core/enum/input_field/input_field_type
- core/enum/lozenge/lozenge_tone
- core/enum/lozenge/lozenge_type
- core/enum/system_tray/system_tray_size
- core/enum/tab/tab_type
- core/util/position
- sprout_toge_design
- widgets/avatar/avatar_base_widget
- widgets/avatar/avatar_widget
- widgets/avatar/content/avatar_text_widget
- widgets/avatar/type/avatar_count_widget
- widgets/avatar/type/avatar_icon_widget
- widgets/avatar/type/avatar_image_widget
- widgets/avatar/type/avatar_initial_widget
- widgets/badge/badge_base_widget
- widgets/badge/badge_label_widget
- widgets/badge/badge_widget
- widgets/border/dotted_border_painter
- widgets/border/dotted_border_widget
- widgets/card/base/card_base_provider
- widgets/card/base/card_base_widget
- widgets/card/base/card_full_loading_widget
- widgets/card/base/card_icon_widget
- widgets/card/base/card_list_loading_widget
- widgets/card/base/card_template_widget
- widgets/card/card_list_widget
- widgets/card/card_outlined_widget
- widgets/card/card_primary_widget
- widgets/card/template/card_icon_template_widget
- widgets/card/template/card_metric_template_widget
- widgets/card/template/card_slot_template_widget
- widgets/card/template/default/card_default_leading_template_widget
- widgets/card/template/default/card_default_template_widget
- widgets/card/template/default/card_default_trailing_template_widget
- widgets/checkbox/checkbox_base_widget
- widgets/checkbox/checkbox_icon_widget
- widgets/checkbox/checkbox_label_widget
- widgets/checkbox/checkbox_widget
- widgets/chips/chips_widget
- widgets/empty_state/empty_state_widget
- widgets/file_upload/domain/entity/file_upload_entity
- widgets/file_upload/domain/entity/file_upload_picker_entity
- widgets/file_upload/file_upload_base_widget
- widgets/file_upload/file_upload_entry_widget
- widgets/file_upload/file_upload_picker_dialog
- widgets/file_upload/file_upload_source_widget
- widgets/file_upload/file_upload_system_tray_content_widget
- widgets/file_upload/file_upload_widget
- widgets/input_fields/content/text_field_container_widget
- widgets/input_fields/content/text_field_loading_widget
- widgets/input_fields/content/text_field_widget
- widgets/lozenge/lozenge_fill_widget
- widgets/lozenge/lozenge_hollow_widget
- widgets/lozenge/lozenge_icon_widget
- widgets/lozenge/lozenge_text_widget
- widgets/lozenge/lozenge_widget
- widgets/pin/pin_box_widget
- widgets/pin/pin_widget
- widgets/system_tray/system_tray_dialog_widget
- widgets/system_tray/system_tray_header_widget
- widgets/system_tray/system_tray_widget
- widgets/tabs/tab
- widgets/tabs/tab_bar_container_widget
- widgets/tabs/tab_bar_widget
- widgets/tabs/tab_icon
- widgets/tabs/tab_widget