MaterialUi-React-Component Snippet-Autocomplete [![Release](https://img.shields.io/badge/version-0.1.0-blue.svg?style=flat-square)](https://github.com/Pushpamk/materialui-react-component-snippet-autocomplete/releases)
=============

### MaterialUi-React-Component Snippet-Autocomplete Sublime Plugin

Auto-complete plugin for MaterialUi Component props .

### Installation

With [Package Control](http://wbond.net/sublime_packages/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.

```bash
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.

* Homepage: [https://material-ui.com/](https://material-ui.com/)

### Usage

![guide-1](test/tutorial.gif)  

#### Import MaterialUi Packages

![guide-2](test/api-snippet.png)

#### MaterialUi React Component Snippet 

![guide-3](test/mui-snippet.png) 

more info: [Components](https://material-ui.com/getting-started/installation/)

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

![guide-4](test/attribute.png) 
![guide-5](test/value.png)


**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](LICENSE)