docs: fix roadmap tables

PiperOrigin-RevId: 502627118
This commit is contained in:
Elizabeth Mitchell 2023-01-17 10:39:10 -08:00 committed by Copybara-Service
parent 34b3fc3df0
commit c43ab91a8a

View File

@ -5,7 +5,9 @@
Material Web is Googles 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 Googles 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 Googles
open-source design system.
> Note: Looking for Material 2? `<mwc-*` components are now on the
> [`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 | 🔴 | 🔴 | 🔴