mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
docs: update roadmap
PiperOrigin-RevId: 599920422
This commit is contained in:
parent
4b4c373a6b
commit
c97362c1cc
138
docs/roadmap.md
138
docs/roadmap.md
@ -10,75 +10,117 @@ order: 3
|
|||||||
|
|
||||||
<!--*
|
<!--*
|
||||||
# Document freshness: For more information, see go/fresh-source.
|
# Document freshness: For more information, see go/fresh-source.
|
||||||
freshness: { owner: 'lizmitchell' reviewed: '2023-09-11' }
|
freshness: { owner: 'lizmitchell' reviewed: '2024-01-19' }
|
||||||
*-->
|
*-->
|
||||||
|
|
||||||
<!-- [TOC] -->
|
<!-- [TOC] -->
|
||||||
|
|
||||||
This roadmap outlines the current and future goals for Material Web Components.
|
This roadmap describes current, future, and past goals for Material Web
|
||||||
|
Components.
|
||||||
|
|
||||||
<!--#include file="../googlers/roadmap.md" -->
|
<!--#include file="../googlers/roadmap.md" -->
|
||||||
|
|
||||||
* 💤 Not started
|
## Current
|
||||||
* 🟡 In progress
|
|
||||||
* ✅ Complete
|
|
||||||
|
|
||||||
## Cards and more | Q4 2023
|
### Build new components
|
||||||
|
|
||||||
_What that the team is currently working on._
|
*Planned for 2024*
|
||||||
|
|
||||||
* Components
|
One of our core goals is to provide Material Design components for the web.
|
||||||
* 🟡 Card
|
These are the components we are currently working on.
|
||||||
* 💤 Segmented button
|
|
||||||
* Features
|
|
||||||
* 💤 Support more screen readers
|
|
||||||
* 💤 Prevent event default behavior
|
|
||||||
* 🟡 Size tracking
|
|
||||||
* 💤 Performance improvements
|
|
||||||
* 🟡 Docs and examples
|
|
||||||
|
|
||||||
## Planned
|
* Card
|
||||||
|
* Navigation drawer
|
||||||
|
* Snackbar
|
||||||
|
|
||||||
_What that the team is planning to work on after the current goal._
|
### Expand Material Design tokens
|
||||||
|
|
||||||
* Components
|
*Planned for Q1 2024*
|
||||||
* 💤 Navigation drawer
|
|
||||||
* 💤 Snackbar
|
We are adding shape and motion system tokens to support building expressive
|
||||||
* 💤 Tooltip
|
Material experiences.
|
||||||
* Features
|
|
||||||
* 💤 Catalog
|
We also want to make it easier to use Material Design tokens, such as applying
|
||||||
* 💤 Spacing tokens
|
Material typescale, shape, and color to your own components.
|
||||||
* 💤 Density
|
|
||||||
* 💤 SSR
|
### Create TSX components
|
||||||
|
|
||||||
|
*Planned for Q1 2024*
|
||||||
|
|
||||||
|
[TSX](https://www.typescriptlang.org/docs/handbook/jsx.html) is a popular
|
||||||
|
language extension for frameworks like [React](https://reactjs.org/). We want to
|
||||||
|
make it easier and more seamless to use Material Web Components in TSX.
|
||||||
|
|
||||||
|
### Follow accessibility best practices
|
||||||
|
|
||||||
|
*Planned for Q2 2024*
|
||||||
|
|
||||||
|
Everyone should be able to access and enjoy the web. We want our components to
|
||||||
|
help others build accessible experiences.
|
||||||
|
|
||||||
|
We are working on supporting all of the following screen readers:
|
||||||
|
|
||||||
|
* VoiceOver
|
||||||
|
* Talkback
|
||||||
|
* ChromeVox
|
||||||
|
* JAWS
|
||||||
|
* NVDA
|
||||||
|
|
||||||
|
### Explore Material Design layouts
|
||||||
|
|
||||||
|
*Planned for Q4 2024*
|
||||||
|
|
||||||
|
Components are only part of the story to build fully expressive Material Design
|
||||||
|
applications. We want to explore ways to support building applications that
|
||||||
|
follow
|
||||||
|
[Material's layout patterns](https://m3.material.io/foundations/layout/understanding-layout/overview).
|
||||||
|
|
||||||
## Future
|
## Future
|
||||||
|
|
||||||
_What is not yet organized into a planned goal._
|
### Planned new components
|
||||||
|
|
||||||
|
These are components we want to build next.
|
||||||
|
|
||||||
|
* Autocomplete
|
||||||
|
* Badge
|
||||||
|
* Banner
|
||||||
|
* Bottom app bar
|
||||||
|
* Bottom sheet
|
||||||
|
* Data table
|
||||||
|
* Date picker
|
||||||
|
* Navigation bar
|
||||||
|
* Navigation rail
|
||||||
|
* Search
|
||||||
|
* Segmented button
|
||||||
|
* Time picker
|
||||||
|
* Top app bar
|
||||||
|
* Tooltip
|
||||||
|
|
||||||
|
### Density and spacing tokens
|
||||||
|
|
||||||
|
Density allows components to take up less vertical space for larger displays.
|
||||||
|
While we have some spacing tokens already, we need a comprehensive spacing
|
||||||
|
system to fully support density across components.
|
||||||
|
|
||||||
|
## Past
|
||||||
|
|
||||||
|
### Cards and more
|
||||||
|
|
||||||
|
*Completed in Q4 2023*
|
||||||
|
|
||||||
* Components
|
* Components
|
||||||
* 💤 Autocomplete
|
* ✅
|
||||||
* 💤 Badge
|
[Card preview](https://github.com/material-components/material-web/tree/c9360e2310dee2896592649f8a8f9b03e2737bf2/labs/card)
|
||||||
* 💤 Banner
|
|
||||||
* 💤 Bottom app bar
|
|
||||||
* 💤 Bottom sheet
|
|
||||||
* 💤 Data table
|
|
||||||
* 💤 Date picker
|
|
||||||
* 💤 Navigation bar
|
|
||||||
* 💤 Navigation rail
|
|
||||||
* 💤 Search
|
|
||||||
* 💤 Time picker
|
|
||||||
* 💤 Top app bar
|
|
||||||
* Features
|
* Features
|
||||||
* 💤 Motion theming
|
* 🟡 Prevent event default behavior
|
||||||
* 💤 Shape theming
|
* *We fixed lots of bugs, but there's still ways we can improve.*
|
||||||
* 💤 Typescript-based theming
|
* ✅
|
||||||
* 💤 Side-effect free imports
|
[Size tracking](https://github.com/material-components/material-web/blob/c9360e2310dee2896592649f8a8f9b03e2737bf2/docs/size.md)
|
||||||
|
* ✅ [Docs and examples](https://material-web.dev/)
|
||||||
|
|
||||||
## Complete
|
### Material 1.0
|
||||||
|
|
||||||
_Completed goals and releases._
|
*Completed in Q3 2023*
|
||||||
|
|
||||||
### Material 1.0 | Sep 2023
|
|
||||||
|
|
||||||
* Features
|
* Features
|
||||||
* ✅ Color theming
|
* ✅ Color theming
|
||||||
|
Loading…
Reference in New Issue
Block a user