React Material-ui Snippets for VS Code
This extension for Visual Studio Code adds snippets for material-ui for React Js.
See the CHANGELOG for the latest changes
Usage
Type part of a snippet, press enter, and the snippet unfolds.
Material-ui Snippets
| 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.
Installation
- Install Visual Studio Code 1.10.0 or higher
- Launch Code
- From the command palette
Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
- Select
Install Extension
- Choose the extension
- Reload Visual Studio Code
| |
