zeta_flutter 1.0.1

Zeta is the new, formal, standardized Zebra Design System based off the successes of ZDS (Zebra Design System). This package is in pre-release, and so many aspects are incomplete.

example/example.md

zeta_flutter_theme

Theme resources for zeta_flutter.

Template

To quickly set up a new project to use zeta_flutter, clone zeta_flutter_template to get started.

Set up

To use Zeta components in you app, first the whole app must be wrapped with ZetaProvider. The easiest way to do this is with the ZetaProvider.

There are various values that can be passed in; the most commonly used are:

• initialThemeMode (optional) sets whether the app starts in light or dark mode, or uses the device default.
• initialContrast (optional) sets whether the app starts with standard (WCAG AA) contrast, or if it attempts to use the more accessible contrast (WCAG AAA).
• builder (required) is used to construct the app with all Zeta themes injected.

return ZetaProvider(
    initialThemeMode: initialThemeMode,
    initialContrast: initialContrast,
    builder: (context, lightTheme, darkTheme, themeMode) {
        /// The following is just an example of how you can use the theme in your app.
        return MaterialApp.router(
            routerConfig: router,
            themeMode: themeMode,
            theme: lightTheme,
            darkTheme: darkTheme,
        );
    },
);

copied to clipboard