From c43ab91a8afbf62d759cd817618c28949e375915 Mon Sep 17 00:00:00 2001 From: Elizabeth Mitchell Date: Tue, 17 Jan 2023 10:39:10 -0800 Subject: [PATCH] docs: fix roadmap tables PiperOrigin-RevId: 502627118 --- README.md | 99 ++++++++++++++++++++++++++++--------------------------- 1 file changed, 51 insertions(+), 48 deletions(-) diff --git a/README.md b/README.md index 5614ddd0f..f5c6e6c20 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,9 @@ Material Web is Google’s UI toolkit for building beautiful, accessible web applications. Material Web is implemented as a collection of -[web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components). [Material 3](https://m3.material.io/) is the latest version of Google’s open-source design system. +[web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components). +[Material 3](https://m3.material.io/) is the latest version of Google’s +open-source design system. > Note: Looking for Material 2? ` [`mwc` branch](https://github.com/material-components/material-web/tree/mwc). @@ -33,63 +35,64 @@ import '@material/web/checkbox/checkbox.js'; ## Roadmap -**Alpha** components are in-development and may have many frequent breaking changes. +**Alpha** components are in-development and may have many frequent breaking +changes. **Beta** components are mostly polished and ready for use. **Stable** components are reviewed, documented, and API complete. -- πŸ”΄ Not started -- 🟑 In progress -- 🟒 Complete +- πŸ”΄ Not started +- 🟑 In progress +- 🟒 Complete ### 1.0 Components -| Component | Alpha | Beta | Stable -| --- | :-: | :-: | :-: | :-: -| Button | 🟒 | 🟒 | πŸ”΄ -| FAB | 🟒 | πŸ”΄ | πŸ”΄ -| Icon button | 🟒 | πŸ”΄ | πŸ”΄ -| Checkbox | 🟒 | 🟒 | πŸ”΄ -| Chips | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Dialog | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Divider | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Elevation | 🟒 | πŸ”΄ | πŸ”΄ -| Focus ring | 🟒 | πŸ”΄ | πŸ”΄ -| Field | 🟒 | 🟒 | πŸ”΄ -| Icon | 🟒 | πŸ”΄ | πŸ”΄ -| List | 🟑 | πŸ”΄ | πŸ”΄ -| Menu | 🟑 | πŸ”΄ | πŸ”΄ -| Progress indicator (circular) | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Progress indicator (linear) | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Radio button | 🟒 | 🟒 | πŸ”΄ -| Ripple | 🟒 | πŸ”΄ | πŸ”΄ -| Select | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Slider | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Switch | 🟒 | 🟒 | πŸ”΄ -| Tabs | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Text field | 🟒 | 🟒 | πŸ”΄ +Component | Alpha | Beta | Stable +----------------------------- | :---: | :--: | :----: +Button | 🟒 | 🟒 | πŸ”΄ +FAB | 🟒 | πŸ”΄ | πŸ”΄ +Icon button | 🟒 | πŸ”΄ | πŸ”΄ +Checkbox | 🟒 | 🟒 | πŸ”΄ +Chips | πŸ”΄ | πŸ”΄ | πŸ”΄ +Dialog | πŸ”΄ | πŸ”΄ | πŸ”΄ +Divider | πŸ”΄ | πŸ”΄ | πŸ”΄ +Elevation | 🟒 | πŸ”΄ | πŸ”΄ +Focus ring | 🟒 | πŸ”΄ | πŸ”΄ +Field | 🟒 | 🟒 | πŸ”΄ +Icon | 🟒 | πŸ”΄ | πŸ”΄ +List | 🟑 | πŸ”΄ | πŸ”΄ +Menu | 🟑 | πŸ”΄ | πŸ”΄ +Progress indicator (circular) | πŸ”΄ | πŸ”΄ | πŸ”΄ +Progress indicator (linear) | πŸ”΄ | πŸ”΄ | πŸ”΄ +Radio button | 🟒 | 🟒 | πŸ”΄ +Ripple | 🟒 | πŸ”΄ | πŸ”΄ +Select | πŸ”΄ | πŸ”΄ | πŸ”΄ +Slider | πŸ”΄ | πŸ”΄ | πŸ”΄ +Switch | 🟒 | 🟒 | πŸ”΄ +Tabs | πŸ”΄ | πŸ”΄ | πŸ”΄ +Text field | 🟒 | 🟒 | πŸ”΄ ### 1.1+ Components These components are planned for release after 1.0. -| Component | Alpha | Beta | Stable -| --- | :-: | :-: | :-: | :-: -| Autocomplete | 🟑 | πŸ”΄ | πŸ”΄ -| Badge | 🟑 | πŸ”΄ | πŸ”΄ -| Banner | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Bottom app bar | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Bottom sheet | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Segmented button | 🟑 | πŸ”΄ | πŸ”΄ -| Card | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Data table | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Date picker | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Navigation bar | 🟑 | πŸ”΄ | πŸ”΄ -| Navigation drawer | 🟑 | πŸ”΄ | πŸ”΄ -| Navigation rail | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Search | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Snackbar | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Time picker | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Tooltip | πŸ”΄ | πŸ”΄ | πŸ”΄ -| Top app bar | πŸ”΄ | πŸ”΄ | πŸ”΄ +Component | Alpha | Beta | Stable +----------------- | :---: | :--: | :----: +Autocomplete | 🟑 | πŸ”΄ | πŸ”΄ +Badge | 🟑 | πŸ”΄ | πŸ”΄ +Banner | πŸ”΄ | πŸ”΄ | πŸ”΄ +Bottom app bar | πŸ”΄ | πŸ”΄ | πŸ”΄ +Bottom sheet | πŸ”΄ | πŸ”΄ | πŸ”΄ +Segmented button | 🟑 | πŸ”΄ | πŸ”΄ +Card | πŸ”΄ | πŸ”΄ | πŸ”΄ +Data table | πŸ”΄ | πŸ”΄ | πŸ”΄ +Date picker | πŸ”΄ | πŸ”΄ | πŸ”΄ +Navigation bar | 🟑 | πŸ”΄ | πŸ”΄ +Navigation drawer | 🟑 | πŸ”΄ | πŸ”΄ +Navigation rail | πŸ”΄ | πŸ”΄ | πŸ”΄ +Search | πŸ”΄ | πŸ”΄ | πŸ”΄ +Snackbar | πŸ”΄ | πŸ”΄ | πŸ”΄ +Time picker | πŸ”΄ | πŸ”΄ | πŸ”΄ +Tooltip | πŸ”΄ | πŸ”΄ | πŸ”΄ +Top app bar | πŸ”΄ | πŸ”΄ | πŸ”΄