jaime2041 / vscode-material-ui-snippets

Material ui snippets for React Js

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

1. Install Visual Studio Code 1.10.0 or higher
2. Launch Code
3. From the command palette Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
4. Select Install Extension
5. Choose the extension
6. Reload Visual Studio Code