Skip to content

Commit c97362c

Browse files
asyncLizcopybara-github
authored andcommitted
docs: update roadmap
PiperOrigin-RevId: 599920422
1 parent 4b4c373 commit c97362c

File tree

1 file changed

+90
-48
lines changed

1 file changed

+90
-48
lines changed

β€Ždocs/roadmap.md

Lines changed: 90 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -10,75 +10,117 @@ order: 3
1010

1111
<!--*
1212
# Document freshness: For more information, see go/fresh-source.
13-
freshness: { owner: 'lizmitchell' reviewed: '2023-09-11' }
13+
freshness: { owner: 'lizmitchell' reviewed: '2024-01-19' }
1414
*-->
1515

1616
<!-- [TOC] -->
1717

18-
This roadmap outlines the current and future goals for Material Web Components.
18+
This roadmap describes current, future, and past goals for Material Web
19+
Components.
1920

2021
<!--#include file="../googlers/roadmap.md" -->
2122

22-
* πŸ’€ Not started
23-
* 🟑 In progress
24-
* βœ… Complete
23+
## Current
2524

26-
## Cards and more | Q4 2023
25+
### Build new components
2726

28-
_What that the team is currently working on._
27+
*Planned for 2024*
2928

30-
* Components
31-
* 🟑 Card
32-
* πŸ’€ Segmented button
33-
* Features
34-
* πŸ’€ Support more screen readers
35-
* πŸ’€ Prevent event default behavior
36-
* 🟑 Size tracking
37-
* πŸ’€ Performance improvements
38-
* 🟑 Docs and examples
29+
One of our core goals is to provide Material Design components for the web.
30+
These are the components we are currently working on.
3931

40-
## Planned
32+
* Card
33+
* Navigation drawer
34+
* Snackbar
4135

42-
_What that the team is planning to work on after the current goal._
36+
### Expand Material Design tokens
4337

44-
* Components
45-
* πŸ’€ Navigation drawer
46-
* πŸ’€ Snackbar
47-
* πŸ’€ Tooltip
48-
* Features
49-
* πŸ’€ Catalog
50-
* πŸ’€ Spacing tokens
51-
* πŸ’€ Density
52-
* πŸ’€ SSR
38+
*Planned for Q1 2024*
39+
40+
We are adding shape and motion system tokens to support building expressive
41+
Material experiences.
42+
43+
We also want to make it easier to use Material Design tokens, such as applying
44+
Material typescale, shape, and color to your own components.
45+
46+
### Create TSX components
47+
48+
*Planned for Q1 2024*
49+
50+
[TSX](https://www.typescriptlang.org/docs/handbook/jsx.html) is a popular
51+
language extension for frameworks like [React](https://reactjs.org/). We want to
52+
make it easier and more seamless to use Material Web Components in TSX.
53+
54+
### Follow accessibility best practices
55+
56+
*Planned for Q2 2024*
57+
58+
Everyone should be able to access and enjoy the web. We want our components to
59+
help others build accessible experiences.
60+
61+
We are working on supporting all of the following screen readers:
62+
63+
* VoiceOver
64+
* Talkback
65+
* ChromeVox
66+
* JAWS
67+
* NVDA
68+
69+
### Explore Material Design layouts
70+
71+
*Planned for Q4 2024*
72+
73+
Components are only part of the story to build fully expressive Material Design
74+
applications. We want to explore ways to support building applications that
75+
follow
76+
[Material's layout patterns](https://m3.material.io/foundations/layout/understanding-layout/overview).
5377

5478
## Future
5579

56-
_What is not yet organized into a planned goal._
80+
### Planned new components
81+
82+
These are components we want to build next.
83+
84+
* Autocomplete
85+
* Badge
86+
* Banner
87+
* Bottom app bar
88+
* Bottom sheet
89+
* Data table
90+
* Date picker
91+
* Navigation bar
92+
* Navigation rail
93+
* Search
94+
* Segmented button
95+
* Time picker
96+
* Top app bar
97+
* Tooltip
98+
99+
### Density and spacing tokens
100+
101+
Density allows components to take up less vertical space for larger displays.
102+
While we have some spacing tokens already, we need a comprehensive spacing
103+
system to fully support density across components.
104+
105+
## Past
106+
107+
### Cards and more
108+
109+
*Completed in Q4 2023*
57110

58111
* Components
59-
* πŸ’€ Autocomplete
60-
* πŸ’€ Badge
61-
* πŸ’€ Banner
62-
* πŸ’€ Bottom app bar
63-
* πŸ’€ Bottom sheet
64-
* πŸ’€ Data table
65-
* πŸ’€ Date picker
66-
* πŸ’€ Navigation bar
67-
* πŸ’€ Navigation rail
68-
* πŸ’€ Search
69-
* πŸ’€ Time picker
70-
* πŸ’€ Top app bar
112+
* βœ…
113+
[Card preview](https://github.com/material-components/material-web/tree/c9360e2310dee2896592649f8a8f9b03e2737bf2/labs/card)
71114
* Features
72-
* πŸ’€ Motion theming
73-
* πŸ’€ Shape theming
74-
* πŸ’€ Typescript-based theming
75-
* πŸ’€ Side-effect free imports
76-
77-
## Complete
115+
* 🟑 Prevent event default behavior
116+
* *We fixed lots of bugs, but there's still ways we can improve.*
117+
* βœ…
118+
[Size tracking](https://github.com/material-components/material-web/blob/c9360e2310dee2896592649f8a8f9b03e2737bf2/docs/size.md)
119+
* βœ… [Docs and examples](https://material-web.dev/)
78120

79-
_Completed goals and releases._
121+
### Material 1.0
80122

81-
### Material 1.0 | Sep 2023
123+
*Completed in Q3 2023*
82124

83125
* Features
84126
* βœ… Color theming

0 commit comments

Comments
Β (0)