mirrors/material_3_expressive
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add live demo links to READMEs, enable theme switching in Gallery app, and update deployment workflow for web support.

Browse source
This commit is contained in:
Emily Pauli 2025-10-23 15:08:13 +02:00
commit 8d7bd7e828
20 changed files with 385 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

18
packages/app_bar_m3e/README.md
View file

@ -88,3 +88,21 @@ Override by supplying `backgroundColor`, `foregroundColor`, `toolbarHeight`, etc
## License
MIT
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/button_group_m3e/README.md
View file

@ -98,3 +98,21 @@ ButtonGroupM3E(
],
)
```
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/button_m3e/README.md
View file

@ -5,3 +5,21 @@ Material 3 **Expressive Buttons** for Flutter — sizes XS→XL, round/square sh
toggle selection, and 5 styles (filled/tonal/elevated/outlined/text).
See `lib/src/button_tokens_adapter.dart` for measurements & color mapping.
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/fab_m3e/README.md
View file

@ -91,3 +91,21 @@ FabMenuM3E(
## License
MIT
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/icon_button_m3e/README.md
View file

@ -90,3 +90,21 @@ flutter run
## License
MIT
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/icon_button_m3e/example/README.md
View file

@ -14,3 +14,21 @@ A few resources to get you started if this is your first Flutter project:
For help getting started with Flutter development, view the
[online documentation](https://docs.flutter.dev/), which offers tutorials,
samples, guidance on mobile development, and a full API reference.
---
## Live demo (Gallery)
Try this component in the main Gallery app (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally from repo root:
```sh
cd ../../../../apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/loading_indicator_m3e/README.md
View file

@ -54,3 +54,21 @@ Pass `semanticLabel` and `semanticValue` to announce loading status if needed.
## License
- Android/Compose implementation © Google, Apache-2.0
- This package MIT
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

19
packages/m3e_collection/README.md
View file

@ -2,4 +2,21 @@
Single import that re-exports all M3E component packages plus `m3e_design`.
The packages `material_new_shapes` by [ulims](https://github.com/ulims) and `expressive_refresh` by [alvaronp](https://github.com/alvaronp) are reexported to complete the collection.
The packages `material_new_shapes` by [ulims](https://github.com/ulims) and `expressive_refresh` by [alvaronp](https://github.com/alvaronp) are reexported to complete the collection.
---
## Live demo (Gallery)
Explore the components in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/m3e_design/README.md
View file

@ -2,3 +2,21 @@
Design language core for Material 3 Expressive (Flutter).
Provides ThemeExtension and token accessors for color, typography, shapes, spacing, motion.
---
## Live demo (Gallery)
Explore the components using this design system in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/navigation_bar_m3e/README.md
View file

@ -75,3 +75,21 @@ Use `badgeCount` for numeric badges or `badgeDot: true` for a small dot. Colors
## License
MIT
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

19
packages/navigation_rail_m3e/README.md
View file

@ -48,4 +48,21 @@ NavigationRailM3E(
);
```
See the `/example` app for a runnable demo.
See the `/example` app for a runnable demo.
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/progress_indicator_m3e/README.md
View file

@ -12,3 +12,21 @@
- `flatS` — track 8, gap 4, dot Ø4, dotOffset 2, trailing 8
- `wavyM` — track 4, wave amp 3, period 40, gap 4, dot Ø4, dotOffset 2, trailing 10
- `wavyL` — track 8, wave amp 3, period 40, gap 4, dot Ø4, dotOffset 2, trailing 14
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/slider_m3e/README.md
View file

@ -67,3 +67,21 @@ RangeSliderM3E(
## License
MIT
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/split_button_m3e/README.md
View file

@ -131,3 +131,21 @@ SplitButtonM3E<int>(
## License
MIT
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/split_button_m3e/example/README.md
View file

@ -14,3 +14,21 @@ A few resources to get you started if this is your first Flutter project:
For help getting started with Flutter development, view the
[online documentation](https://docs.flutter.dev/), which offers tutorials,
samples, guidance on mobile development, and a full API reference.
---
## Live demo (Gallery)
Try this component in the main Gallery app (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally from repo root:
```sh
cd ../../../../apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_

18
packages/toolbar_m3e/README.md
View file

@ -76,3 +76,21 @@ Set `maxInlineActions` to the number of actions that should stay inline. Any add
## License
MIT
---
## Live demo (Gallery)
Explore this component in the M3E Gallery (GitHub Pages):
https://<your-github-username>.github.io/material_3_expressive/
To run the Gallery locally:
```sh
cd apps/gallery
flutter run -d chrome
```
_Last updated: 2025-10-23_