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 |
Roadmap
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 |
⚫ |
⚫ |
| |
