mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
Material Design Web Components
|
||
---|---|---|
.github | ||
button | ||
catalog | ||
checkbox | ||
chips | ||
circularprogress | ||
dialog | ||
divider | ||
docs | ||
elevation | ||
fab | ||
field | ||
focus | ||
icon | ||
iconbutton | ||
internal | ||
labs | ||
linearprogress | ||
list | ||
menu | ||
radio | ||
ripple | ||
select | ||
slider | ||
switch | ||
tabs | ||
testing | ||
textfield | ||
tokens | ||
.gitignore | ||
.npmignore | ||
.release-please-manifest.json | ||
CHANGELOG.md | ||
css-to-ts.js | ||
LICENSE | ||
package-lock.json | ||
package.json | ||
README.md | ||
release-please-config.json | ||
tsconfig.json | ||
web-test-runner.config.js |
Material Web
Material Web is Google’s UI toolkit for building beautiful, accessible web applications.
Material Web is implemented as a collection of web components. Material 3 is the latest version of Google’s open-source design system.
Tip: Check out the quick start guide to jump in.
Roadmap
Alpha components are in-development and may have many frequent breaking changes.
Beta components are mostly polished and ready for use, but may still have breaking changes.
Stable components are reviewed, documented, and API complete.
- ❌ Not started
- 🟡 In progress
- ✅ Complete
v1.0.0
(2023)
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 | ✅ | ✅ | 🟡 |
Future
These features are planned for a future release.
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 | ❌ | ❌ | ❌ |