material-components_material-web/docs/roadmap.md

Roadmap

This roadmap describes current, future, and past goals for Material Web Components.

Current

MWC is currently in maintenance mode, see this announcement for more details.

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.

Future

Note: No future work is planned while MWC is in maintenance mode. These roadmap items represent what used to be planned.

New components

These are components we have not built yet.

• Autocomplete
• Badge
• Banner
• Bottom app bar
• Bottom sheet
• Card
• Data table
• Date picker
• Navigation bar
• Navigation drawer
• Navigation rail
• Search
• Segmented button
• Snackbar
• Time picker
• Top app bar
• Tooltip

Expand Material Design tokens

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.

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.

Create TSX components

TSX is a popular language extension for frameworks like React. 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.

Past

Follow accessibility best practices

Completed in Q1 2024

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:

• VoiceOver
• Talkback
• ChromeVox
• JAWS
• NVDA

Cards and more

Completed in Q4 2023

• Components
  • ✅ Card preview
• Features
  • 🟡 Prevent event default behavior
    • We fixed lots of bugs, but there's still ways we can improve.
  • ✅ Size tracking
  • ✅ Docs and examples

Material 1.0

Completed in Q3 2023

• 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