@@ -10,75 +10,117 @@ order: 3
10
10
11
11
<!-- *
12
12
# 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 ' }
14
14
*-->
15
15
16
16
<!-- [TOC] -->
17
17
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.
19
20
20
21
<!-- #include file="../googlers/roadmap.md" -->
21
22
22
- * π€ Not started
23
- * π‘ In progress
24
- * β
Complete
23
+ ## Current
25
24
26
- ## Cards and more | Q4 2023
25
+ ### Build new components
27
26
28
- _ What that the team is currently working on. _
27
+ * Planned for 2024 *
29
28
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.
39
31
40
- ## Planned
32
+ * Card
33
+ * Navigation drawer
34
+ * Snackbar
41
35
42
- _ What that the team is planning to work on after the current goal. _
36
+ ### Expand Material Design tokens
43
37
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 ) .
53
77
54
78
## Future
55
79
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*
57
110
58
111
* 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 )
71
114
* 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/ )
78
120
79
- _ Completed goals and releases. _
121
+ ### Material 1.0
80
122
81
- ### Material 1.0 | Sep 2023
123
+ * Completed in Q3 2023*
82
124
83
125
* Features
84
126
* β
Color theming
0 commit comments