material-web-vscode-snippets is a Visual Studio Code Extension, the extension only for @material/web.
| Description | Image | |
|---|---|---|
| Properties |  |
Provides some commonly used properties |
| Chose a variant |  |
Variants like filled and outlined in a snippet |
| Full Components |  |
You can use md- or md-components to insert available components |
This roadmap outlines the current and future goals for Material Web Components.
- 💤 Not started
- ✅ Complete
- ⚫ Unreleased
| Component Snippet | HTML | Custom Data |
|---|---|---|
| Button | ✅ | 💤 |
| FAB | ✅ | 💤 |
| IconButton | ✅ | 💤 |
| Checkbox | ✅ | 💤 |
| Chips | ✅ | 💤 |
| Dialog | ✅ | 💤 |
| Divider | ✅ | 💤 |
| Elevation | ✅ | 💤 |
| FocusRing | ✅ | 💤 |
| List | ✅ | 💤 |
| Menu | ✅ | 💤 |
| ProgressIndicators | ✅ | 💤 |
| Radio | ✅ | 💤 |
| Ripple | ✅ | 💤 |
| Select | ✅ | 💤 |
| Slider | ✅ | 💤 |
| Switch | ✅ | 💤 |
| Tabs | ✅ | 💤 |
| TextField | ✅ | 💤 |
| Card | ⚫ | ⚫ |
| SegmentedButton | ⚫ | ⚫ |
| NavigationDrawer | ⚫ | ⚫ |
| Snackbar | ⚫ | ⚫ |
| Tooltip | ⚫ | ⚫ |
| Autocomplete | ⚫ | ⚫ |
| Badge | ⚫ | ⚫ |
| Banner | ⚫ | ⚫ |
| BottomAppBar | ⚫ | ⚫ |
| BottomSheet | ⚫ | ⚫ |
| DataTable | ⚫ | ⚫ |
| DatePicker | ⚫ | ⚫ |
| NavigationBar | ⚫ | ⚫ |
| NavigationRail | ⚫ | ⚫ |
| Search | ⚫ | ⚫ |
| TimePicker | ⚫ | ⚫ |
| TopAppBar | ⚫ | ⚫ |