zeta_flutter library
Zebra Design System (Zeta) - Flutter Component Library
Classes
- AppBarSearchController
- Controls the search.
- BreadCrumbsTruncated
- Class for BreadCrumbsTruncated
- CirclePainter
- Class definition for CirclePainter
- SliderThumb
- Custom slider thumb component
- Zeta
- An InheritedWidget that provides access to Zeta theme settings.
- ZetaAccordion
- The accordion is a control element comprising a vertically stacked list of items, such as labels or thumbnails. Each item can be "expanded" or "collapsed" to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.
- ZetaAnimationLength
- Tokenised durations used for animations
- ZetaAssistChip
- Zeta Assist Chip.
- ZetaAvatar
- An avatar is a visual representation of a user or entity.
- ZetaAvatarBadge
- Badge component used with ZetaAvatar as either ZetaAvatar.upperBadge or ZetaAvatar.lowerBadge.
- ZetaBanner
- Zeta Banner. Extends MaterialBanner.
- ZetaBottomSheet
- Component ZetaBottomSheet
- ZetaBreadCrumb
- Class for untruncated ZetaBreadCrumb.
- ZetaBreadCrumbs
- Class for ZetaBreadCrumbs
- ZetaButton
- Zeta Button
- ZetaButtonGroup
- Zeta Button Group
-
ZetaButtonSegment<
T> - Data describing a segment of a ZetaSegmentedControl.
- ZetaChatItem
- Chat item widget that can be dragged to reveal contextual actions.
- ZetaCheckbox
- Zeta Checkbox.
- ZetaCheckboxFormFieldState
- FormFieldState for ZetaCheckbox.
- ZetaChip
- Zeta Chip component.
- ZetaColorBase
- Default set of Zeta Colors that can be used to make a ZetaColors instance.
- ZetaColors
- Zeta Colors.
- ZetaColorScheme
- Easily craft stunning Flutter themes using pre-set color patterns or your own choices.
- ZetaColorSwatch
- A swatch of colors with values from 10 (light) to 100 (dark).
- ZetaContactItem
- A single row that contains avatar, title and subtitle.
- ZetaDateInput
- A form field used to input dates.
- ZetaDateInputState
- State for ZetaDateInput
- ZetaDebounce
- Debounce utility
- ZetaDialPad
- Dial pad gives the user the ability to dial a number and start a call. It also has a quick dial security action and a delete entry action.
- ZetaDialPadButton
- Individual button for ZetaDialPad.
-
ZetaDropdown<
T> - Class for ZetaDropdown
- ZetaDropdownController
- A class for controlling a ZetaDropdown
-
ZetaDropdownItem<
T> - An item used in a ZetaDropdown or a ZetaSelectInput.
- ZetaDropdownListItem
- An expandable list item containing other ZetaListItems within it.
-
ZetaDropDownState<
T> - The state for a ZetaDropdown
- ZetaFAB
- Zeta Floating Action Button Component.
- ZetaFilterChip
- Filter chips have 2 togglable states, representing selected and not selected.
- ZetaFilterSelection
- Component ZetaFilterSelection
- ZetaGlobalHeader
- Global header component
- ZetaGlobalHeaderItem
- Tab item to be used in ZetaGlobalHeader
- ZetaGroupButton
- Group Button item
- ZetaIconButton
- Component ZetaIconButton
- ZetaIcons
- Zeta Icons. Full list of icons can be found at Zeta Icons.
- ZetaIndicator
- ZetaIndicator.
- ZetaInPageBanner
- Zeta In Page Banner.
- ZetaInputChip
- Zeta Input Chip typically is used to associate some content or action with a user.
- ZetaInternalCheckbox
- Internal checkbox. Not for external use.
- ZetaLabel
- Zeta Badge.
- ZetaList
- Used to apply dividers to a group of ZetaListItems.
- ZetaListItem
- A single row that typically contains some text as well as a leading or trailing widgets.
- ZetaMenuItem
- Zeta Menu Item component.
- Navigation Bars (Bottom navigation) allow movement between primary destinations in an app.
- An item to be used in a ZetaNavigationBar.
- ZetaNavigationRail
- ZetaNavigationRailItem
- ZetaNotificationBadge
- Badge item for notification list items. Can be an avatar, icon or image
- ZetaNotificationListItem
- List Item for notifications
- ZetaPagination
- Pagination is used to switch between pages.
- ZetaPasswordInput
- Zeta Password Input
- ZetaPhoneInput
- ZetaPhoneInput allows entering phone numbers.
- ZetaPriorityPill
- This badge is used to indicate the order of importance.
- ZetaProgressBar
- Linear progress bar.
- ZetaProgressCircle
- Class definition for ZetaProgressCircle
- ZetaProgressCircleState
- Class definition for ZetaProgressCircleState
- ZetaProvider
- A widget that provides Zeta theming and contrast data down the widget tree.
- ZetaProviderState
- The state associated with ZetaProvider.
-
ZetaRadio<
T> - Zeta Radio Button
- ZetaRadius
- Semantic zeta radii.
- ZetaRadiusBase
- Tokens that are used for Border Radius
- ZetaRoundedScope
- Sets a default rounded value for all of its Zeta children.
- ZetaScreenHeaderBar
- ZetaScreenHeaderBar
- ZetaSearchBar
- ZetaSearchBar provides input field for searching.
-
ZetaSegmentedControl<
T> - Creates an segmented control bar.
-
ZetaSelectInput<
T> - Class for ZetaSelectInput
- ZetaSlider
- Slider component with customized styling
- ZetaSnackBar
- A lightweight message with an optional action which briefly displays at the bottom of the screen.
- ZetaSpacing
- Tokens that are used for spacing.
- ZetaSpacingBase
- Tokens that are used for Spacing
- ZetaStatefulWidget
-
Zeta Extension of StatefulWidget which adds rounded super parameter. Always use
context.rounded
to ensure correct value for rounded is used. - ZetaStatelessWidget
-
Zeta Extension of StatelessWidget which adds rounded super parameter. Always use
context.rounded
to ensure correct value for rounded is used. - ZetaStatusLabel
- Zeta Status Label.
- ZetaStep
- Zeta step used in ZetaStepper. The step can have a title and subtitle, an icon within its circle, some content and a state that governs its styling.
- ZetaStepper
- Zeta stepper widget that displays progress through a sequence of steps. Steppers are particularly useful in the case of forms where one step requires the completion of another one, or where multiple steps need to be completed in order to submit the whole form.
- ZetaStepperInput
- A stepper input, also called numeric stepper, is a common UI element that allows users to input a number or value simply by clicking the plus and minus buttons.
- ZetaSwitch
- Zeta Switch.
- ZetaTab
- Defines how the bounds of the selected tab indicator are computed. Intended to be used with ZetaTabBar.
- ZetaTabBar
- A Zeta Design primary tab bar.
- ZetaTag
- Zeta Tag
- ZetaTextInput
- Text inputs allow the user to enter text.
- ZetaTextInputState
- The current state of a ZetaTextInput
- ZetaTextStyles
- Typography in Zeta style.
- ZetaThemeData
- A representation of the Zeta theme data.
- ZetaThemeService
-
ZetaThemeService
is an abstract class. It provides the structure for loading and saving themes in Zeta application. - ZetaTimeInput
- A form field used to input time.
- ZetaTimeInputState
- State for ZetaTimeInput
- ZetaTooltip
- ZetaTooltip
- ZetaTopAppBar
- Top app bars provide content and actions related to the current screen.
Enums
- DeviceType
- Enum to define device types.
- MenuPosition
- Enum possible menu positions
- ZetaAvatarBadgeType
- Enum of types for ZetaAvatarBadge
- ZetaAvatarSize
- ZetaAvatar size
- ZetaBannerStatus
- ZetaBanner type
- ZetaButtonType
- Shared enum for type of buttons.
- ZetaCircleSizes
- Sizes for ZetaProgressCircle
- ZetaContrast
- ZetaAccessibilityStandard is an enumeration that defines the Web Content Accessibility Guidelines (WCAG) 2.1. It includes two levels of conformance: AA (minimum) and AAA (enhanced).
- ZetaDialogHeaderAlignment
- ZetaDialogHeaderAlignment
- ZetaDropdownMenuType
- Sets the type of a ZetaDropdown
- ZetaDropdownSize
- Used to set the size of a ZetaDropdown
- ZetaFabSize
- Defines the size of the floating action button
- ZetaFabType
- Color type for ZetaFAB.
- ZetaFormFieldRequirement
- The requirement options for a Form Field.
- ZetaIndicatorType
- ZetaIndicator type.
- ZetaMenuItemType
- The type of the ZetaMenuItem
- ZetaPaginationType
- The type of a ZetaPagination
- ZetaPriorityPillSize
- The size of ZetaPriorityPill.
- ZetaPriorityPillType
- The type of ZetaPriorityPill; determines the default ZetaPriorityPill.customColor, ZetaPriorityPill.index and ZetaPriorityPill.label.
- ZetaProgressBarType
- Enum for types of progress bar.
- ZetaSnackBarType
- Type used to define contextual SnackBar. The type defines the styles, icons and behavior.
- ZetaStepperInputSize
- Sizes for ZetaStepperInput
- ZetaStepperType
- Defines the ZetaStepper's main axis.
- ZetaStepType
- The type of a ZetaStep which is used to control the style of the circle and text.
- ZetaSwitchType
- Variants of ZetaSwitch.
- ZetaTagDirection
- Tag Direction options for ZetaTag.
- ZetaTooltipArrowDirection
- The direction of ZetaTooltip's arrow
- ZetaTopAppBarType
- Defines the style of the app bar.
- ZetaWidgetBorder
- Border options for ZetaButton.
- ZetaWidgetSize
- Size options for ZetaIndicator, ZetaButton, ZetaPasswordInput.
- ZetaWidgetStatus
- Status options for ZetaLabel, ZetaStatusLabel, ZetaInPageBanner.
Extensions
- AccessibilityIndices on ZetaContrast
- Extension on ZetaContrast to provide color indices for certain accessibility scenarios
- BorderFunctions on ZetaWidgetBorder
- Border utility functions
- BreakpointFull on BuildContext
- Utils to determine the DeviceType from the current context.
- BreakpointLocal on BoxConstraints
- Utils to determine the DeviceType from some box constraints.
- ButtonFunctions on ZetaButtonType
- Button utility functions for styling
- ColorSwatches on ZetaWidgetStatus
- Extensions on ZetaWidgetStatus.
-
ListDivider
on Iterable<
Widget> - Extension to add dividers to any view that can take an iterable.
- NumExtensions on num?
- Extensions on num.
- Rounded on BuildContext
- Extension used on BuildContext to get rounded.
- SpacingWidget on Widget
- Extension to add spacing to any Widget.
- StringExtensions on String?
- Extensions on String.
- ZetaColorExtensions on Color
- Extensions on Color to brighten, lighten, darken and blend colors and can get a shade for gradients.
- ZetaColorGetters on ColorScheme
- Custom extension on ColorScheme which makes ZetaColors available through theme context.
Constants
-
icons
→ const Map<
String, IconData> - kZetaFontFamily → const String
- Default font family for Zeta System
- kZetaSwatchPrimaryIndex → const int
- Primary color shade index for ZetaColorSwatch
-
kZetaSwatchTargetContrasts
→ const Map<
int, double> - Target contrast values for different color shades of ZetaColorSwatch
- zetaIconsVersion → const String
- zetaTextTheme → const TextTheme
- ZetaTextStyles combined into a TextTheme.
Functions
- Shared buttonStyle for buttons and icon buttons
-
showZetaBottomSheet<
T> ({required BuildContext context, String? title, Widget? body, bool centerTitle = true, bool isDismissible = true, bool enableDrag = true}) → Future< T?> - Function to show ZetaBottomSheet.
-
showZetaDialog(
BuildContext context, {ZetaDialogHeaderAlignment headerAlignment = ZetaDialogHeaderAlignment.center, Widget? icon, String? title, required String message, String? primaryButtonLabel, VoidCallback? onPrimaryButtonPressed, String? secondaryButtonLabel, VoidCallback? onSecondaryButtonPressed, String? tertiaryButtonLabel, VoidCallback? onTertiaryButtonPressed, bool? rounded, bool barrierDismissible = true, }) → Future< bool?> - showZetaDialog
Typedefs
- ZetaAppBuilder = Widget Function(BuildContext context, ZetaThemeData themeData, ThemeMode themeMode)
- A typedef for the ZetaAppBuilder function which takes BuildContext, ZetaThemeData, and ThemeMode and returns a Widget.
- ZetaBadge = ZetaLabel
- Zeta Badge.
- ZetaSystemBanner = ZetaBanner
- Zeta Banner. Extends MaterialBanner.
- ZetaSystemBannerStatus = ZetaBannerStatus
- ZetaBanner type.