@@ -10,7 +10,7 @@ order: 3
10
10
11
11
<!-- *
12
12
# Document freshness: For more information, see go/fresh-source.
13
- freshness: { owner: 'lizmitchell' reviewed: '2024-01-19 ' }
13
+ freshness: { owner: 'lizmitchell' reviewed: '2025-04-15 ' }
14
14
*-->
15
15
16
16
<!-- [TOC] -->
@@ -22,87 +22,83 @@ Components.
22
22
23
23
## Current
24
24
25
- ### Build new components
25
+ ** MWC is currently in maintenance mode,
26
+ [ see this announcement] ( https://github.com/material-components/material-web/discussions/5642 )
27
+ for more details.**
26
28
27
- * Planned for 2024*
29
+ There is no current work planned for new features or components. Bug fixes or
30
+ other contributions may be added on a case-by-case basis.
28
31
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.
32
+ ## Future
33
+
34
+ ** Note: No future work is planned while MWC is in
35
+ [ maintenance mode] ( https://github.com/material-components/material-web/discussions/5642 ) .**
36
+ These roadmap items represent what used to be planned.
37
+
38
+ ### New components
31
39
40
+ These are components we have not built yet.
41
+
42
+ * Autocomplete
43
+ * Badge
44
+ * Banner
45
+ * Bottom app bar
46
+ * Bottom sheet
32
47
* Card
48
+ * Data table
49
+ * Date picker
50
+ * Navigation bar
33
51
* Navigation drawer
52
+ * Navigation rail
53
+ * Search
54
+ * Segmented button
34
55
* Snackbar
56
+ * Time picker
57
+ * Top app bar
58
+ * Tooltip
35
59
36
60
### Expand Material Design tokens
37
61
38
- * Planned for Q1 2024*
39
-
40
62
We are adding shape and motion system tokens to support building expressive
41
63
Material experiences.
42
64
43
65
We also want to make it easier to use Material Design tokens, such as applying
44
66
Material typescale, shape, and color to your own components.
45
67
46
- ### Create TSX components
68
+ ### Density and spacing tokens
47
69
48
- * Planned for Q1 2024*
70
+ Density allows components to take up less vertical space for larger displays.
71
+ While we have some spacing tokens already, we need a comprehensive spacing
72
+ system to fully support density across components.
73
+
74
+ ### Create TSX components
49
75
50
76
[ TSX] ( https://www.typescriptlang.org/docs/handbook/jsx.html ) is a popular
51
77
language extension for frameworks like [ React] ( https://reactjs.org/ ) . We want to
52
78
make it easier and more seamless to use Material Web Components in TSX.
53
79
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
80
### Explore Material Design layouts
70
81
71
- * Planned for Q4 2024*
72
-
73
82
Components are only part of the story to build fully expressive Material Design
74
83
applications. We want to explore ways to support building applications that
75
84
follow
76
85
[ Material's layout patterns] ( https://m3.material.io/foundations/layout/understanding-layout/overview ) .
77
86
78
- ## Future
79
-
80
- ### Planned new components
81
-
82
- These are components we want to build next.
87
+ ## Past
83
88
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
89
+ ### Follow accessibility best practices
98
90
99
- ### Density and spacing tokens
91
+ * Completed in Q1 2024 *
100
92
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.
93
+ Everyone should be able to access and enjoy the web. We want our components to
94
+ help others build accessible experiences. The following screen readers are fully
95
+ supported:
104
96
105
- ## Past
97
+ * VoiceOver
98
+ * Talkback
99
+ * ChromeVox
100
+ * JAWS
101
+ * NVDA
106
102
107
103
### Cards and more
108
104
0 commit comments