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 5K
  • Win 3K
  • Mac 642
  • Linux 839
Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18 May 17 May 16 May 15 May 14 May 13 May 12 May 11 May 10 May 9 May 8 May 7 May 6 May 5 May 4 May 3 May 2 May 1 Apr 30 Apr 29 Apr 28 Apr 27
Windows 0 0 0 0 0 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 1 0 1 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0
Mac 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 1 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1

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