Ionic Snippets - Sublime Plugin

A sublime plugin complete with ionic framework snippets

Feel free to let me know what else you want added via:

• Twitter @PixelDropINC
• Issues

What's included - contents

• Installation
• Header
• Content
• Footer
• Buttons
• List
• Cards
• Form
• Toggle
• Checkbox
• Radiobuttons
• Range
• Select
• Tabs
• Utility
• License

Installation

There are 3 methods for installing this plugin.

1. Search for "ionic framework snippets" via the "Package Control: Install Packages" menu. Note: If you don't have Sublime Package Control installed, you can find out how to install it here https://sublime.wbond.net/installation

2. Clone the repository into your Sublime Text 2/3 packages directory. `git clone https://github.com/PixelDropInc/ionic-snippets-sublime-plugin.git

3. Download the .zip file and unzip it into your Sublime Text 2/3 packages directory. Note: You can find your Sublime Text 2/3 packages directory by going to Preferences > Browse Packages.

# ionic css snippets are prefixed with ion-

Header

Component	Snippet code
bar-light	ion-bar-light
bar-stable	ion-bar-balanced
bar-positive	ion-bar-positive
bar-calm	ion-bar-calm
bar-balanced	ion-bar-balanced
bar-energized	ion-bar-energized
bar-assertive	ion-bar-assertive
bar-royal	ion-bar-royal
bar-dark	ion-bar-dark
Sub Header	ion-bar-subheader

Footer

Component	Snippet code
bar-footer	ion-bar-footer
bar-footer-left-right	ion-bar-footer-left-right
bar-footer-pull-left	ion-bar-footer-pull-left
bar-footer-pull-right	ion-bar-footer-pull-right

Buttons

Component	Snippet code
button	ion-button
button-block	ion-button-block
button-light	ion-button-light
button-stable	ion-button-stable
button-positive	ion-button-positive
button-calm	ion-button-calm
button-balanced	ion-button-balanced
button-energized	ion-button-energized
button-assertive	ion-button-assertive
button-royal	ion-button-royal
button-dark	ion-button-dark
button-fullwidth	ion-button-full
button-smallsize	ion-button-small
button-largesize	ion-button-large
button-outline	ion-button-outline
button-clear	ion-button-clear
button-home	ion-button-home
button-star	ion-button-star
button-chevron-left	ion-button-chevron-left
button-chevron-right	ion-button-chevron-right
button-gear	ion-button-gear
button-setting	ion-button-setting
button-navicon	ion-button-navicon
button-clear	ion-button-clear
button-bar	ion-button-bar

List

Component	Snippet code
list	ion-list-ul
list-divider	ion-item-divider
list-icons-email	ion-list-icon-email
list-icons-chatBubble	ion-list-icon-chatbubble
list-icons-mic	ion-list-icon-mic
list-icons-person	ion-list-icon-person
list-button	ion-list-button-positive
list-item-avatar	ion-list-item-avatar
list-item-thumbnail	ion-list-item-thumbnail
list-inset	ion-item-inset

Cards

Component	Snippet code
card	ion-card
card-header-footer	ion-card-header-footer
card-list	ion-list-card
card-showcase	ion-list-card-showcase
card-images	ion-list-card-img

Forms

Component	Snippet code
form	ion-form
form-placeholder-label	ion-form-placeholder-label
form-inline-label	ion-form-inline-label
form-stacked-label	ion-form-stacked-label
form-floating-label	ion-form-floating-label
inset-form	ion-form-inset
form-input-icon	ion-form-input-icon
form-inline-label	ion-form-inline-label
form-header-input	ion-form-header-input

Toggle

Component	Snippet code
toggle	ion-toggle
toggle-item	ion-item-toggle

Checkbox

Component	Snippet code
Checkbox	ion-item-checkbox

RadioButtons

Component	Snippet code
RadioButton	ion-item-radio

Range

Component	Snippet code
range	ion-range
range-list	ion-range-list

Select

Component	Snippet code
select	ion-item-select

Tabs

Component	Snippet code
tabs	ion-tabs
tabs-icon	ion-tabs-icon
tabs-top-icon	ion-tabs-icon-top
tabs-left-icon	ion-tabs-icon-left

Utility

Component	Snippet code
icons	ion-star

License

Ionic Snippets - Sublime Plugin is open-sourced software licensed under the GNU GPL license.