This extension for Visual Studio Code adds snippets for material-ui for React Js.
See the CHANGELOG for the latest changes
Type part of a snippet, press enter
, and the snippet unfolds.
Snippet | Purpose |
---|---|
mui-modal-simple |
Simple Modal |
mui-popover-simple |
Simple Popover |
mui-appbar-simple |
Simple appbar |
mui-appbar-button |
App bar with button |
mui-avatar-simple |
Simple avatar |
mui-avatar-icon |
Avatar with icon |
mui-badges |
Badges |
mui-botnav |
Bottom navaigation |
mui-btn |
Simple button |
mui-btn-float |
Float button |
mui-btn-icon |
Icon button |
mui-card-simple |
Simple card |
mui-card-media |
Media card |
mui-dlg-simple |
Simple dialog |
mui-dlg-simple |
Alert dialog |
mui-dlg-fullscreen |
Fullscreen dialog |
mui-dlg-form |
Form dialog |
mui-dlg-responsive |
Responsive dialog |
mui-dlg-scroll-paper |
Scroll paper dialog |
mui-dlg-scroll-body |
Scroll body dialog |
mui-divider-light |
Divider light |
mui-divider-inset |
Divider inset |
mui-exp-panel |
Expansion panel (Accordion) |
mui-list-simple |
Simple List |
mui-list-folder |
Folder List |
mui-list-inset |
Inset List |
mui-list-nested |
Nested List |
mui-list-checkbox |
Checkbox List |
mui-list-checkbox2 |
Checkbox2 list |
mui-list-switch |
Switch List |
mui-menu-simple |
Simple menu |
mui-paper |
Paper |
`mui-datepicker' | Datepicker |
mui-timepicker |
Timepicker |
mui-datetimepicker |
Date&Timepicker |
mui-progress-circular |
Progress circular |
mui-checkbox |
Checkbox |
mui-checkbox-icon |
Icon checkbox |
mui-radio |
Radio button |
mui-switch |
Switch button |
mui-select |
Select option |
mui-select-native |
Native select option |
mui-snackbar |
Toastr messages |
mui-carousel |
carousel |
mui-table |
Simple table |
mui-tabs |
Simple tabs |
mui-textfield |
Simple textfield |
mui-tooltip |
Tooltip |
Alternatively, press Ctrl
+Space
(Windows, Linux) or Cmd
+Space
(OSX) to activate snippets from within the editor.
- Install Visual Studio Code 1.10.0 or higher
- Launch Code
- From the command palette
Ctrl
-Shift
-P
(Windows, Linux) orCmd
-Shift
-P
(OSX) - Select
Install Extension
- Choose the extension
- Reload Visual Studio Code