今天，MWC 正式发布 1.0 版本，可以用在生产环境了！🎉🎉🎉
根据 MWC 的 GitHub 仓库：Material web components 是遵循 Material 3 设计的 web 组件集。并且，每个组件都已由 Material Design 3 的设计人员和可访问性工程师（accessibility engineers）在生产环境下审核过了。
在 1.0，MWC 有这些特性：
- ⚙️包括 buttons, checkboxes, chips, text fields, selects, and dialogs 的 19 个组件；
- 🎨主题可定制化，包括动态颜色、字体、Material tokens；
- ♿️支持屏幕阅读器和高对比度；
- 📖文档和引导；
- 📋支持
form组件； - 🏗️跨框架支持：Lit, React, Vue, and Svelte；
- 🤖对 Lit SSR 的基本支持；
- 👏很少的破坏性修改。
总的来说，Material web components 是使用 web compponet 技术实现的，虽然能实现跨框架，但必定只能在较新版本的浏览器上使用。MWC 团队的目标也是支持最新的两个大版本。
MWC aims to support the latest two major versions of browsers at the time of each release.
下面是 1.0 版本的浏览器支持情况。
| Browser | Version |
|---|---|
| Chrome | 112 + |
| Edge | 112 + |
| Firefox | 113 + |
| Safari* | 16.4 + |
但如果你比较吃 Material Design 3 的颜，又想在 web 上使用这些组件，是完全值得一试。
（图源：material-web.dev/about/intro… ）
在官网有详细的使用说明，甚至贴心地准备了配色工具。
