ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Material​Ui React Component Snippet Autocomplete

by Pushpam Kumar ALL

Materialui React Component Snippet and Autocomplete for Sublime Text

Details

Installs

  • Total 4K
  • Win 3K
  • Mac 637
  • Linux 829
Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11 Mar 10 Mar 9 Mar 8 Mar 7 Mar 6 Mar 5 Mar 4 Mar 3 Mar 2 Mar 1 Feb 28 Feb 27 Feb 26 Feb 25 Feb 24 Feb 23 Feb 22 Feb 21 Feb 20 Feb 19 Feb 18 Feb 17 Feb 16 Feb 15 Feb 14 Feb 13 Feb 12 Feb 11 Feb 10 Feb 9 Feb 8
Windows 1 0 1 2 0 0 3 0 1 0 0 0 1 1 1 0 1 0 2 0 0 0 0 0 0 0 0 0 0 2 1 0 1 2 1 2 0 2 0 0 1 1 1 1 0 0
Mac 0 0 1 0 0 0 0 1 0 1 0 1 1 0 0 0 0 0 0 0 0 0 2 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 1
Linux 0 0 0 0 0 0 0 2 1 0 0 0 0 1 0 0 0 0 0 1 1 0 0 0 1 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 1 0 0 0

Readme

Source
raw.​githubusercontent.​com

MaterialUi-React-Component Snippet-Autocomplete Release

MaterialUi-React-Component Snippet-Autocomplete Sublime Plugin

Auto-complete plugin for MaterialUi Component props .

Installation

With Package Control:

  1. Run “Package Control: Install Package” command, find and install MaterialUi React Component Snippet Autocomplete plugin.
  2. Restart ST editor (if required)

Manually:

You can clone this repository to the Packages directory of your Sublime installation.

git clone https://github.com/Pushpamk/materialui-react-component-snippet-autocomplete.git

Configuration

Go to Preference > Setting add "auto_complete_selector": true

Or

Go to Preference > Setting add "auto_complete_triggers": [{"selector": "source.js", "characters": "mui"},{"selector": "source.js", "characters": "api"}]

MaterialUi

MaterialUi is a React components for faster and easier web development. Build your own design system, or start with Material Design.

Usage

guide-1

Import MaterialUi Packages

guide-2

MaterialUi React Component Snippet

guide-3

more info: Components

Props name and value autocompletion: When inside components tag (<CardMedia [HERE] />) and (variant="[HERE]"), suggestions will appear.

guide-4 guide-5

Note: In order for the suggestions to appear, your document needs to have the syntax set to JS. You can set the syntax from the menu View > Syntax or via the Command Palette.

To make a new version of the plugin available via package control, a new version tag needs to be created.

Copyright and license

Licensed under the MIT License