sublime-angular-material-snippets's Introduction

Sublime Angular Material snippets

A Sublime Text 2/3 snippet to generate Angular Material snippets for <md-button>, <md-input>, <md-icon>, etc

Work in progress here. Collaborators are welcome to add and improve snippets for directives. Check the TODO paragraph below.

Install

Option 1 Package Control

On Mac press Cmd+Shift+P or on PC press Ctrl+Shift+P. Then type 'Install' then press enter to see a list of packages. Search for 'Angular Material Snippets' then press enter to install.

Option 2: Manual

Copy the files to your Packages directory.

Usage

Start typing <md in html files and the autocomplete window opens.

##Snippets

Currently supports these directives.

md-autocomplete
md-button
md-card
md-checkbox
md-chip
md-chip-remove
md-chips
md-contact-chips
md-content
md-divider
md-grid-list
md-grid-tile
md-highlight-text
md-icon
md-input
md-input-container
md-list
md-list-item
md-menu
md-progress-circular
md-progress-linear
md-radio-button
md-radio-group
md-select
md-sidenav
md-sidenav-focus
md-slider
md-subheader
md-swipe-left
md-swipe-right
md-switch
md-tab
md-tabs
md-toolbar
md-tooltip

##TODO

Collaborators are most welcome to help with the following

Fix double < character that is placed after hitting enter
Improve directives. All snippest should be based on the directives described in this documentation: https://material.angularjs.org/latest/#/