Nexus/material_3_expressive
2
0
Fork 0
forked from mirrors/material_3_expressive
Code Pull requests Activity
material_3_expressive/packages/m3e_collection
History
Exact
Emily Pauli 76daccbc71 Add expanded and linearMainAxisAlignment options to ButtonGroupM3E for improved layout control
2025-11-12 14:17:00 +01:00
..
lib Update pubspec dependencies, refactor progress indicators, and enhance README documentation 2025-10-22 00:58:55 +02:00
CHANGELOG.md Add expanded and linearMainAxisAlignment options to ButtonGroupM3E for improved layout control 2025-11-12 14:17:00 +01:00
LICENSE Add MIT licenses to all packages under packages/ directory for legal compliance. 2025-10-23 18:20:16 +02:00
melos_m3e_collection.iml Add initial configuration, tokens, and widgets for M3E components 2025-10-21 22:15:15 +02:00
pubspec.yaml Add expanded and linearMainAxisAlignment options to ButtonGroupM3E for improved layout control 2025-11-12 14:17:00 +01:00
pubspec_overrides.yaml Add dependency overrides for local packages in pubspec_overrides.yaml 2025-10-25 22:58:23 +02:00
README.md Remove unused dynamic field lookup and redundant utility methods; clean up pubspec dependency paths and update READMEs with detailed package guides. 2025-10-23 18:12:39 +02:00

README.md

m3e_collection

Single import that re-exports all M3E component packages plus m3e_design.

The packages material_new_shapes by ulims and expressive_refresh by alvaronp are reexported to complete the collection.

Packages in this collection

  • m3e_design — Material 3 Expressive design language for Flutter (tokens, ThemeExtension, motion).
  • app_bar_m3e — Expressive App Bar (Material 3 Expressive) with small/medium/large variants and Sliver integration.
  • button_m3e — Material 3 Expressive Buttons for Flutter with 5 styles, 5 sizes, round/square shapes, and toggle selection.
  • button_group_m3e — Wrapper-only Button Group for Material 3 Expressive (layout, shape, size propagation).
  • fab_m3e — Material 3 Expressive Floating Action Button (FAB), Extended FAB, and FAB Menu for Flutter using M3E tokens.
  • icon_button_m3e — Material 3 Expressive IconButton with sizes, variants, shapes, toggle, and accessible hit targets.
  • loading_indicator_m3e — Material 3 Expressive Loading Indicator (morphing polygons) for Flutter, with Default and Contained variants.
  • progress_indicator_m3e — Material 3 Expressive progress indicators.
  • navigation_bar_m3e — Material 3 Expressive Navigation Bar for Flutter with token-driven colors, shapes, and badges.
  • navigation_rail_m3e — Material 3 Expressive navigation rail (collapsed & expanded) with modal/standard modes, badges, sections, and m3e_design token integration.
  • slider_m3e — Material 3 Expressive Sliders (single & range) for Flutter, powered by M3E tokens.
  • split_button_m3e — Material 3 Expressive Split Button with sizes, variants, shapes, a11y, and menu.
  • toolbar_m3e — Material 3 Expressive Toolbars for Flutter with token-driven colors, shapes, density, and overflow handling.

External re-exports

  • material_new_shapes — Extra Material shapes (e.g., RoundedPolygon) used by M3E components. Author: ulims.
  • expressive_refresh — Expressive pull-to-refresh component. Author: alvaronp.

Live demo (Gallery)

Explore the components in the M3E Gallery (GitHub Pages):

https://.github.io/material_3_expressive/

To run the Gallery locally:

cd apps/gallery
flutter run -d chrome

Last updated: 2025-10-23

Detailed Guide

What this package provides

A convenience package that re-exports all Material 3 Expressive components and design tokens so you can depend on one package and import everything you need.

Installation

  • Monorepo (local path): already configured in this repo.
  • Pub (when published):
dependencies:
  m3e_collection: ^0.1.0

Minimum SDK: Dart >=3.5.0.

Dependencies (via this collection)

  • m3e_design, icon_button_m3e, split_button_m3e, button_group_m3e, app_bar_m3e, button_m3e, fab_m3e, loading_indicator_m3e, progress_indicator_m3e, navigation_bar_m3e, navigation_rail_m3e, slider_m3e, toolbar_m3e.

Quick start

import 'package:m3e_collection/m3e_collection.dart';

// Use any M3E widget, e.g. a filled button
ButtonM3E.filled(label: const Text('Continue'), onPressed: () {})

Notes

  • Keep versions of individual packages aligned; this collection pins compatible versions.

Links