Skip to content

Commit

Permalink
docs: update roadmap
Browse files Browse the repository at this point in the history
PiperOrigin-RevId: 599920422
  • Loading branch information
asyncLiz authored and copybara-github committed Jan 19, 2024
1 parent 4b4c373 commit c97362c
Showing 1 changed file with 90 additions and 48 deletions.
138 changes: 90 additions & 48 deletions docs/roadmap.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,75 +10,117 @@ order: 3

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

<!-- [TOC] -->

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

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

* πŸ’€ Not started
* 🟑 In progress
* βœ… Complete
## Current

## Cards and more | Q4 2023
### Build new components

_What that the team is currently working on._
*Planned for 2024*

* Components
* 🟑 Card
* πŸ’€ Segmented button
* Features
* πŸ’€ Support more screen readers
* πŸ’€ Prevent event default behavior
* 🟑 Size tracking
* πŸ’€ Performance improvements
* 🟑 Docs and examples
One of our core goals is to provide Material Design components for the web.
These are the components we are currently working on.

## Planned
* Card
* Navigation drawer
* Snackbar

_What that the team is planning to work on after the current goal._
### Expand Material Design tokens

* Components
* πŸ’€ Navigation drawer
* πŸ’€ Snackbar
* πŸ’€ Tooltip
* Features
* πŸ’€ Catalog
* πŸ’€ Spacing tokens
* πŸ’€ Density
* πŸ’€ SSR
*Planned for Q1 2024*

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.

### Create TSX components

*Planned for Q1 2024*

[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.

### Follow accessibility best practices

*Planned for Q2 2024*

Everyone should be able to access and enjoy the web. We want our components to
help others build accessible experiences.

We are working on supporting all of the following screen readers:

* VoiceOver
* Talkback
* ChromeVox
* JAWS
* NVDA

### Explore Material Design layouts

*Planned for Q4 2024*

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).

## Future

_What is not yet organized into a planned goal._
### Planned new components

These are components we want to build next.

* Autocomplete
* Badge
* Banner
* Bottom app bar
* Bottom sheet
* Data table
* Date picker
* Navigation bar
* Navigation rail
* Search
* Segmented button
* Time picker
* Top app bar
* Tooltip

### 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.

## Past

### Cards and more

*Completed in Q4 2023*

* Components
* πŸ’€ Autocomplete
* πŸ’€ Badge
* πŸ’€ Banner
* πŸ’€ Bottom app bar
* πŸ’€ Bottom sheet
* πŸ’€ Data table
* πŸ’€ Date picker
* πŸ’€ Navigation bar
* πŸ’€ Navigation rail
* πŸ’€ Search
* πŸ’€ Time picker
* πŸ’€ Top app bar
* βœ…
[Card preview](https://github.com/material-components/material-web/tree/c9360e2310dee2896592649f8a8f9b03e2737bf2/labs/card)
* Features
* πŸ’€ Motion theming
* πŸ’€ Shape theming
* πŸ’€ Typescript-based theming
* πŸ’€ Side-effect free imports

## Complete
* 🟑 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/)

_Completed goals and releases._
### Material 1.0

### Material 1.0 | Sep 2023
*Completed in Q3 2023*

* Features
* βœ… Color theming
Expand Down

0 comments on commit c97362c

Please sign in to comment.