2023-09-22 23:05:50 -07:00
|
|
|
<!-- catalog-only-start --><!-- ---
|
|
|
|
|
name: Roadmap
|
|
|
|
|
title: Roadmap
|
|
|
|
|
order: 3
|
|
|
|
|
-----><!-- catalog-only-end -->
|
|
|
|
|
|
2023-09-11 12:46:24 -07:00
|
|
|
# Roadmap
|
|
|
|
|
|
|
|
|
|
<!-- go/mwc-roadmap -->
|
|
|
|
|
|
|
|
|
|
<!--*
|
|
|
|
|
# Document freshness: For more information, see go/fresh-source.
|
2025-11-25 13:00:41 -08:00
|
|
|
freshness: { owner: 'lizmitchell' reviewed: '2025-11-23' }
|
2023-09-11 12:46:24 -07:00
|
|
|
*-->
|
|
|
|
|
|
|
|
|
|
<!-- [TOC] -->
|
|
|
|
|
|
2024-01-19 13:20:31 -08:00
|
|
|
This roadmap describes current, future, and past goals for Material Web
|
|
|
|
|
Components.
|
2023-09-11 12:46:24 -07:00
|
|
|
|
|
|
|
|
<!--#include file="../googlers/roadmap.md" -->
|
|
|
|
|
|
2024-01-19 13:20:31 -08:00
|
|
|
## Current
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
**MWC is currently in maintenance mode,
|
|
|
|
|
[see this announcement](https://github.com/material-components/material-web/discussions/5642)
|
|
|
|
|
for more details.**
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
There is no current work planned for new features or components. Bug fixes or
|
|
|
|
|
other contributions may be added on a case-by-case basis.
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
## Future
|
|
|
|
|
|
|
|
|
|
**Note: No future work is planned while MWC is in
|
|
|
|
|
[maintenance mode](https://github.com/material-components/material-web/discussions/5642).**
|
|
|
|
|
These roadmap items represent what used to be planned.
|
|
|
|
|
|
|
|
|
|
### New components
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
These are components we have not built yet.
|
|
|
|
|
|
|
|
|
|
* Autocomplete
|
|
|
|
|
* Badge
|
|
|
|
|
* Banner
|
|
|
|
|
* Bottom app bar
|
|
|
|
|
* Bottom sheet
|
2024-01-19 13:20:31 -08:00
|
|
|
* Card
|
2025-04-15 12:14:28 -07:00
|
|
|
* Data table
|
|
|
|
|
* Date picker
|
|
|
|
|
* Navigation bar
|
2024-01-19 13:20:31 -08:00
|
|
|
* Navigation drawer
|
2025-04-15 12:14:28 -07:00
|
|
|
* Navigation rail
|
|
|
|
|
* Search
|
|
|
|
|
* Segmented button
|
2024-01-19 13:20:31 -08:00
|
|
|
* Snackbar
|
2025-04-15 12:14:28 -07:00
|
|
|
* Time picker
|
|
|
|
|
* Top app bar
|
|
|
|
|
* Tooltip
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2024-01-19 13:20:31 -08:00
|
|
|
### Expand Material Design tokens
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2024-01-19 13:20:31 -08:00
|
|
|
We are adding shape and motion system tokens to support building expressive
|
|
|
|
|
Material experiences.
|
|
|
|
|
|
|
|
|
|
We also want to make it easier to use Material Design tokens, such as applying
|
|
|
|
|
Material typescale, shape, and color to your own components.
|
|
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
### Density and spacing tokens
|
2024-01-19 13:20:31 -08:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
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.
|
|
|
|
|
|
|
|
|
|
### Create TSX components
|
2024-01-19 13:20:31 -08:00
|
|
|
|
|
|
|
|
[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.
|
|
|
|
|
|
|
|
|
|
### Explore Material Design layouts
|
|
|
|
|
|
|
|
|
|
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).
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
## Past
|
2024-01-19 13:20:31 -08:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
### Follow accessibility best practices
|
2024-01-19 13:20:31 -08:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
*Completed in Q1 2024*
|
2024-01-19 13:20:31 -08:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
Everyone should be able to access and enjoy the web. We want our components to
|
|
|
|
|
help others build accessible experiences. The following screen readers are fully
|
|
|
|
|
supported:
|
2024-01-19 13:20:31 -08:00
|
|
|
|
2025-04-15 12:14:28 -07:00
|
|
|
* VoiceOver
|
|
|
|
|
* Talkback
|
|
|
|
|
* ChromeVox
|
|
|
|
|
* JAWS
|
|
|
|
|
* NVDA
|
2024-01-19 13:20:31 -08:00
|
|
|
|
|
|
|
|
### Cards and more
|
|
|
|
|
|
|
|
|
|
*Completed in Q4 2023*
|
2023-09-11 12:46:24 -07:00
|
|
|
|
|
|
|
|
* Components
|
2024-01-19 13:20:31 -08:00
|
|
|
* ✅
|
|
|
|
|
[Card preview](https://github.com/material-components/material-web/tree/c9360e2310dee2896592649f8a8f9b03e2737bf2/labs/card)
|
2023-09-26 14:33:06 -07:00
|
|
|
* Features
|
2024-01-19 13:20:31 -08:00
|
|
|
* 🟡 Prevent event default behavior
|
|
|
|
|
* *We fixed lots of bugs, but there's still ways we can improve.*
|
|
|
|
|
* ✅
|
|
|
|
|
[Size tracking](https://github.com/material-components/material-web/blob/c9360e2310dee2896592649f8a8f9b03e2737bf2/docs/size.md)
|
|
|
|
|
* ✅ [Docs and examples](https://material-web.dev/)
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2024-01-19 13:20:31 -08:00
|
|
|
### Material 1.0
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2024-01-19 13:20:31 -08:00
|
|
|
*Completed in Q3 2023*
|
2023-09-11 12:46:24 -07:00
|
|
|
|
2023-09-26 14:33:06 -07:00
|
|
|
* Features
|
|
|
|
|
* ✅ Color theming
|
|
|
|
|
* ✅ Typography theming
|
|
|
|
|
* Components
|
|
|
|
|
* ✅ Button
|
|
|
|
|
* ✅ FAB
|
|
|
|
|
* ✅ Icon button
|
|
|
|
|
* ✅ Checkbox
|
|
|
|
|
* ✅ Chips
|
|
|
|
|
* ✅ Dialog
|
|
|
|
|
* ✅ Divider
|
|
|
|
|
* ✅ Elevation
|
|
|
|
|
* ✅ Focus ring
|
|
|
|
|
* ✅ List
|
|
|
|
|
* ✅ Menu
|
|
|
|
|
* ✅ Progress indicators
|
|
|
|
|
* ✅ Radio
|
|
|
|
|
* ✅ Ripple
|
|
|
|
|
* ✅ Select
|
|
|
|
|
* ✅ Slider
|
|
|
|
|
* ✅ Switch
|
|
|
|
|
* ✅ Tabs
|
|
|
|
|
* ✅ Text field
|
