mirror of
https://github.com/material-components/material-web.git
synced 2026-03-09 00:09:23 +08:00
82 lines
3.1 KiB
Markdown
82 lines
3.1 KiB
Markdown
# Material Web
|
||
|
||
> IMPORTANT: Material Web is a work in progress and subject to major changes
|
||
> until 1.0 release.
|
||
|
||
Material Web is Google’s UI toolkit for building beautiful, accessible web
|
||
applications. Material Web is implemented as a collection of
|
||
[web components](https://developer.mozilla.org/en-US/docs/Web/Web_Components).
|
||
[Material 3](https://m3.material.io/) is the latest version of Google’s
|
||
open-source design system.
|
||
|
||
> Note: Looking for Material 2? `<mwc-*` components are now on the
|
||
> [`mwc` branch](https://github.com/material-components/material-web/tree/mwc).
|
||
|
||
## Links
|
||
|
||
- [Quick start](docs/quick-start.md)
|
||
|
||
## Roadmap
|
||
|
||
**Alpha** components are in-development and may have many frequent breaking
|
||
changes.
|
||
|
||
**Beta** components are mostly polished and ready for use.
|
||
|
||
**Stable** components are reviewed, documented, and API complete.
|
||
|
||
- ❌ Not started
|
||
- 🟡 In progress
|
||
- ✅ Complete
|
||
|
||
### 1.0 Components
|
||
|
||
Component | Alpha | Beta | Stable
|
||
----------------------------- | :---: | :--: | :----:
|
||
Button | ✅ | ✅ | ❌
|
||
FAB | ✅ | ❌ | ❌
|
||
Icon button | ✅ | ✅ | ❌
|
||
Checkbox | ✅ | ✅ | ❌
|
||
Chips | 🟡 | ❌ | ❌
|
||
Dialog | ✅ | ✅ | ❌
|
||
Divider | ✅ | ✅ | 🟡
|
||
Elevation | ✅ | ❌ | ❌
|
||
Focus ring | ✅ | ❌ | ❌
|
||
Field | ✅ | ✅ | 🟡
|
||
Icon | ✅ | ✅ | ❌
|
||
List | ✅ | 🟡 | 🟡
|
||
Menu | ✅ | 🟡 | 🟡
|
||
Progress indicator (circular) | 🟡 | ❌ | ❌
|
||
Progress indicator (linear) | 🟡 | ❌ | ❌
|
||
Radio button | ✅ | ✅ | ❌
|
||
Ripple | ✅ | ✅ | 🟡
|
||
Select | 🟡 | ❌ | ❌
|
||
Slider | ✅ | ✅ | ❌
|
||
Switch | ✅ | ✅ | ❌
|
||
Tabs | 🟡 | ❌ | ❌
|
||
Text field | ✅ | ✅ | 🟡
|
||
|
||
### 1.1+ Components
|
||
|
||
These components are planned for release after 1.0.
|
||
|
||
Component | Alpha | Beta | Stable
|
||
----------------- | :---: | :--: | :----:
|
||
Autocomplete | 🟡 | ❌ | ❌
|
||
Badge | 🟡 | ❌ | ❌
|
||
Banner | ❌ | ❌ | ❌
|
||
Bottom app bar | ❌ | ❌ | ❌
|
||
Bottom sheet | ❌ | ❌ | ❌
|
||
Segmented button | 🟡 | ❌ | ❌
|
||
Card | ❌ | ❌ | ❌
|
||
Data table | ❌ | ❌ | ❌
|
||
Date picker | ❌ | ❌ | ❌
|
||
Navigation bar | 🟡 | ❌ | ❌
|
||
Navigation drawer | 🟡 | ❌ | ❌
|
||
Navigation rail | ❌ | ❌ | ❌
|
||
Search | ❌ | ❌ | ❌
|
||
Snackbar | ❌ | ❌ | ❌
|
||
Time picker | ❌ | ❌ | ❌
|
||
Tooltip | ❌ | ❌ | ❌
|
||
Top app bar | ❌ | ❌ | ❌
|