Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Material Web Components SnippetsNew to Visual Studio Code? Get it now.
Material Web Components Snippets

Material Web Components Snippets

bre97-web

|
326 installs
| (0) | Free
A material design 3(@material/web) snippets extension of visual studio code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Material Web Components Snippets

Material Web Snippets

Visual Studio Marketplace Last Updated Visual Studio Marketplace Release Date Visual Studio Marketplace Installs Visual Studio Marketplace Version (including pre-releases)

material-web-vscode-snippets is a Visual Studio Code Extension, the extension only for @material/web.

Description Image
Properties INTRO PICTURE Provides some commonly used properties
Chose a variant INTRO PICTURE Variants like filled and outlined in a snippet
Full Components INTRO PICTURE 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 ⚫ ⚫
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft