Material Web Snippets

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