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 649
  • Linux 848
Nov 14 Nov 13 Nov 12 Nov 11 Nov 10 Nov 9 Nov 8 Nov 7 Nov 6 Nov 5 Nov 4 Nov 3 Nov 2 Nov 1 Oct 31 Oct 30 Oct 29 Oct 28 Oct 27 Oct 26 Oct 25 Oct 24 Oct 23 Oct 22 Oct 21 Oct 20 Oct 19 Oct 18 Oct 17 Oct 16 Oct 15 Oct 14 Oct 13 Oct 12 Oct 11 Oct 10 Oct 9 Oct 8 Oct 7 Oct 6 Oct 5 Oct 4 Oct 3 Oct 2 Oct 1 Sep 30
Windows 0 0 0 0 0 1 0 1 1 0 0 0 0 0 0 0 1 0 0 0 0 2 0 0 0 0 0 0 0 1 0 0 0 1 0 0 0 1 0 0 1 0 0 0 0 0
Mac 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 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 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 0 0 0 0 0 0 0 0 0 0 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