├── css ├── utility │ └── ion-star.sublime-snippet ├── buttons │ ├── ion-button-gear.sublime-snippet │ ├── ion-button-home.sublime-snippet │ ├── ion-button-settings.sublime-snippet │ ├── ion-button.sublime-snippet │ ├── ion-button-star.sublime-snippet │ ├── ion-button-calm.sublime-snippet │ ├── ion-button-dark.sublime-snippet │ ├── ion-button-chevron-left.sublime-snippet │ ├── ion-button-light.sublime-snippet │ ├── ion-button-royal.sublime-snippet │ ├── ion-button-stable.sublime-snippet │ ├── ion-button-chevron-right.sublime-snippet │ ├── ion-button-navicon.sublime-snippet │ ├── ion-button-balanced.sublime-snippet │ ├── ion-button-positive.sublime-snippet │ ├── ion-button-assertive.sublime-snippet │ ├── ion-button-clear.sublime-snippet │ ├── ion-button-energized.sublime-snippet │ ├── ion-button-large.sublime-snippet │ ├── ion-button-small.sublime-snippet │ ├── ion-button-full.sublime-snippet │ ├── ion-button-loading.sublime-snippet │ ├── ion-button-outline.sublime-snippet │ └── ion-button-bar.sublime-snippet ├── list │ ├── ion-item-divider.sublime-snippet │ ├── ion-list-icon-email.sublime-snippet │ ├── ion-list-inset.sublime-snippet │ ├── ion-list-icon-chatbubble.sublime-snippet │ ├── ion-list-icon-telephone.sublime-snippet │ ├── ion-list-item-avatar.sublime-snippet │ ├── ion-list-item-thumbnail.sublime-snippet │ ├── ion-list-icon-mic.sublime-snippet │ ├── ion-list-button-positive.sublime-snippet │ └── ion-list-icon-person-stalker.sublime-snippet ├── header │ ├── ion-bar-header.sublime-snippet │ ├── ion-bar-calm.sublime-snippet │ ├── ion-bar-dark.sublime-snippet │ ├── bar-light.sublime-snippet │ ├── ion-bar-royal.sublime-snippet │ ├── ion-bar-subheader.sublime-snippet │ ├── ion-bar-stable.sublime-snippet │ ├── ion-bar-balanced.sublime-snippet │ ├── ion-bar-light.sublime-snippet │ ├── ion-bar-positive.sublime-snippet │ ├── ion-bar-assertive.sublime-snippet │ └── ion-bar-energized.sublime-snippet ├── footer │ ├── ion-bar-footer.sublime-snippet │ ├── ion-bar-footer-pull-left.sublime-snippet │ ├── ion-bar-footer-pull-right.sublime-snippet │ └── ion-bar-footer-left-right.sublime-snippet ├── cards │ ├── ion-card.sublime-snippet │ ├── ion-card-header-footer.sublime-snippet │ ├── ion-list-card-img.sublime-snippet │ ├── ion-list-card.sublime-snippet │ └── ion-list-card-showcase.sublime-snippet ├── toggle │ ├── ion-toggle.sublime-snippet │ └── ion-item-toggle.sublime-snippet ├── range │ ├── ion-range.sublime-snippet │ └── ion-range-list.sublime-snippet ├── tabs │ ├── ion-tabs.sublime-snippet │ ├── ion-tabs-icon.sublime-snippet │ ├── ion-tabs-icon-top.sublime-snippet │ └── ion-icon-left.sublime-snippet ├── form │ ├── ion-form-input-icon.sublime-snippet │ ├── ion-form-inset.sublime-snippet │ ├── ion-form-inset-input.sublime-snippet │ ├── ion-form.sublime-snippet │ ├── ion-form-header-input.sublime-snippet │ ├── ion-form-placeholder-label.sublime-snippet │ ├── ion-form-stacked-label.sublime-snippet │ └── ion-form-floating-label.sublime-snippet ├── checkbox │ └── ion-item-checkbox.sublime-snippet ├── radiobuttons │ └── ion-item-radio.sublime-snippet └── select │ └── ion-item-select.sublime-snippet ├── javascript ├── lists │ ├── ion-js-list-item.sublime-snippet │ ├── ion-js-list.sublime-snippet │ ├── ion-js-list-$ionicListDelegate-ng.sublime-snippet │ ├── ion-js-list-option-button.sublime-snippet │ ├── ion-js-list-reorder-button-html.sublime-snippet │ ├── ion-js-list-delete-button.sublime-snippet │ ├── ion-js-list-reorder-button-ng.sublime-snippet │ ├── ion-js-list-$ionicListDelegate-html.sublime-snippet │ ├── ion-js-list-collection-repeat-ng.sublime-snippet │ └── ion-js-list-collection-repeat-html.sublime-snippet ├── content │ ├── ion-js-pane.sublime-snippet │ ├── ion-js-content.sublime-snippet │ ├── ion-js-refresher.sublime-snippet │ └── ion-js-content-full.sublime-snippet ├── navigation │ ├── ion-js-nav-bar.sublime-snippet │ ├── ion-js-view.sublime-snippet │ ├── ion-js-nav-clear.sublime-snippet │ ├── ion-js-nav-view.sublime-snippet │ ├── ion-js-nav-back-button.sublime-snippet │ ├── ion-js-nav-buttons.sublime-snippet │ ├── ion-js-$ionicNavBarDelegate-ng.sublime-snippet │ └── ion-js-$ionicNavBarDelegate-html.sublime-snippet ├── events │ ├── ion-js-on-drag.sublime-snippet │ ├── ion-js-on-hold.sublime-snippet │ ├── ion-js-on-tap.sublime-snippet │ ├── ion-js-on-swipe.sublime-snippet │ ├── ion-js-on-touch.sublime-snippet │ ├── ion-js-on-drag-up.sublime-snippet │ ├── ion-js-on-release.sublime-snippet │ ├── ion-js-on-swipe-up.sublime-snippet │ ├── ion-js-on-drag-down.sublime-snippet │ ├── ion-js-on-drag-left.sublime-snippet │ ├── ion-js-on-drag-right.sublime-snippet │ ├── ion-js-on-swipe-down.sublime-snippet │ ├── ion-js-on-swipe-left.sublime-snippet │ └── ion-js-on-swipe-right.sublime-snippet ├── side menus │ ├── ion-js-menu-close.sublime-snippet │ ├── ion-js-side-menu-content.sublime-snippet │ ├── ion-js-side-menu-html.sublime-snippet │ ├── ion-js-side-menus-ng.sublime-snippet │ ├── ion-js-menu-toggle.sublime-snippet │ ├── ion-js-$ionicSideMenuDelegate-ng.sublime-snippet │ ├── ion-js-side-menus-html.sublime-snippet │ └── ion-js-$ionicSideMenuDelegate-html.sublime-snippet ├── form inputs │ ├── ion-js-form-checkbox.sublime-snippet │ ├── ion-js-form-toggle.sublime-snippet │ └── ion-js-form-radio.sublime-snippet ├── tap & click │ └── ion-js-tap.sublime-snippet ├── keyboard │ ├── ion-js-keyboard.sublime-snippet │ └── ion-js-keyboard-attach.sublime-snippet ├── scroll │ ├── ion-js-infinite-scroll.sublime-snippet │ ├── ion-js-$ionicScrollDelegate-ng.sublime-snippet │ ├── ion-js-$ionicScrollDelegate-html.sublime-snippet │ └── ion-js-scroll.sublime-snippet ├── tabs │ ├── ion-js-tab.sublime-snippet │ ├── ion-js-$ionictabsdelegate-ng.sublime-snippet │ ├── ion-js-$ionictabsdelegate-html.sublime-snippet │ └── ion-js-tabs.sublime-snippet ├── slide box │ ├── ion-js-$ionicSlideBoxDelegate-ng.sublime-snippet │ ├── ion-js-slide-box.sublime-snippet │ └── ion-js-$ionicSlideBoxDelegate-html.sublime-snippet ├── modal │ ├── ion-js-$ionicModal-html.sublime-snippet │ └── ion-js-$ionicModal-ng.sublime-snippet ├── backdrop │ └── ion-js-$ionicBackdrop-ng.sublime-snippet ├── loading │ ├── ion-js-$ionicLoading-ng.sublime-snippet │ └── ion-js-$ionicLoadingConfig-ng.sublime-snippet ├── headers & footers │ ├── ion-js-header-bar.sublime-snippet │ └── ion-js-footer-bar.sublime-snippet ├── popup │ ├── ion-js-$ionicPopup-alert-ng.sublime-snippet │ └── ion-js-$ionicPopup-confirm-ng.sublime-snippet ├── popover │ ├── ion-js-$ionicPopover-html.sublime-snippet │ └── ion-js-$ionicPopover-ng.sublime-snippet └── action sheet │ └── ion-js-$ionicActionSheet-ng.sublime-snippet └── README.md /css/utility/ion-star.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ]]> 5 | 6 | ion-star 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /css/buttons/ion-button-gear.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ]]> 5 | 6 | ion-button-gear 7 | 8 | 9 | -------------------------------------------------------------------------------- /css/buttons/ion-button-home.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Home} 4 | ]]> 5 | 6 | ion-button-home 7 | 8 | 9 | -------------------------------------------------------------------------------- /css/buttons/ion-button-settings.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ]]> 5 | 6 | ion-button-settings 7 | 8 | 9 | -------------------------------------------------------------------------------- /css/buttons/ion-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Default} 5 | 6 | ]]> 7 | 8 | ion-button 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-item.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Hello!} 4 | ]]> 5 | 6 | ion-js-list-item 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/content/ion-js-pane.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:...} 5 | 6 | ]]> 7 | 8 | ion-js-pane 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/list/ion-item-divider.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Candy Bars} 5 | 6 | ]]> 7 | 8 | ion-item-divider 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/navigation/ion-js-nav-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:} 5 | 6 | ]]> 7 | 8 | ion-js-nav-bar 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/buttons/ion-button-star.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Favorites} 4 | ]]> 5 | 6 | ion-button-star 7 | 8 | 9 | -------------------------------------------------------------------------------- /css/buttons/ion-button-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-calm} 5 | 6 | ]]> 7 | 8 | ion-button-calm 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-dark} 5 | 6 | ]]> 7 | 8 | ion-button-dark 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-chevron-left.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Back} 4 | ]]> 5 | 6 | ion-button-chevron-left 7 | 8 | 9 | -------------------------------------------------------------------------------- /css/buttons/ion-button-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-light} 5 | 6 | ]]> 7 | 8 | ion-button-light 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-royal} 5 | 6 | ]]> 7 | 8 | ion-button-royal 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-stable} 5 | 6 | ]]> 7 | 8 | ion-button-stable 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/header/ion-bar-header.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:Header}

5 | 6 | ]]> 7 | 8 | ion-bar-header 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-chevron-right.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Learn More} 4 | ]]> 5 | 6 | ion-button-chevron-right 7 | 8 | 9 | -------------------------------------------------------------------------------- /css/buttons/ion-button-navicon.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${1:Reorder} 4 | ]]> 5 | 6 | ion-button-navicon 7 | 8 | 9 | -------------------------------------------------------------------------------- /css/header/ion-bar-calm.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-calm}

5 | 6 | ]]> 7 | 8 | ion-bar-calm 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/header/ion-bar-dark.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-dark}

5 | 6 | ]]> 7 | 8 | ion-bar-dark 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-drag.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-drag 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-hold.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-hold 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-tap.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-tap 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/navigation/ion-js-view.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Hello!} 5 | 6 | ]]> 7 | 8 | ion-js-view 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/side menus/ion-js-menu-close.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Home} 4 | ]]> 5 | 6 | ion-js-menu-close 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-balanced} 5 | 6 | ]]> 7 | 8 | ion-button-balanced 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-positive} 5 | 6 | ]]> 7 | 8 | ion-button-positive 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/header/bar-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-light}

5 | 6 | ]]> 7 | 8 | bar-light 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /css/header/ion-bar-royal.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-royal}

5 | 6 | ]]> 7 | 8 | ion-bar-royal 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/header/ion-bar-subheader.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:Sub Header}

5 | 6 | ]]> 7 | 8 | ion-bar-subheader 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/content/ion-js-content.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Some super content here!} 5 | 6 | ]]> 7 | 8 | ion-js-content 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-swipe.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-swipe 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-touch.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-touch 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /css/buttons/ion-button-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-assertive} 5 | 6 | ]]> 7 | 8 | ion-button-assertive 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-clear.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Clear Button} 5 | 6 | ]]> 7 | 8 | ion-button-clear 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:button-energized} 5 | 6 | ]]> 7 | 8 | ion-button-energized 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-large.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Large Button} 5 | 6 | ]]> 7 | 8 | ion-button-large 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-small.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Small Button} 5 | 6 | ]]> 7 | 8 | ion-button-small 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/footer/ion-bar-footer.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
${1:Footer}
5 | 6 | ]]> 7 | 8 | ion-bar-footer 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/header/ion-bar-stable.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-stable}

5 | 6 | ]]> 7 | 8 | ion-bar-stable 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/navigation/ion-js-nav-clear.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Home} 4 | ]]> 5 | 6 | ion-js-nav-clear 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-full.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Full Width Block Button} 5 | 6 | ]]> 7 | 8 | ion-button-full 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-loading.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Loading...} 5 | 6 | ]]> 7 | 8 | ion-button-loading 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/buttons/ion-button-outline.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Outline Button} 5 | 6 | ]]> 7 | 8 | ion-button-outline 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/header/ion-bar-balanced.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-balanced}

5 | 6 | ]]> 7 | 8 | ion-bar-balanced 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/header/ion-bar-light.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-light}

5 | 6 | ]]> 7 | 8 | ion-bar-light 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/header/ion-bar-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-positive}

5 | 6 | ]]> 7 | 8 | ion-bar-positive 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-drag-up.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-drag-up 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-release.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-release 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-swipe-up.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-swipe-up 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /css/header/ion-bar-assertive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-assertive}

5 | 6 | ]]> 7 | 8 | ion-bar-assertive 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/header/ion-bar-energized.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:bar-energized}

5 | 6 | ]]> 7 | 8 | ion-bar-energized 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-drag-down.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-drag-down 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-drag-left.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-drag-left 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/form inputs/ion-js-form-checkbox.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Checkbox Label} 4 | ]]> 5 | 6 | ion-js-form-checkbox 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/tap & click/ion-js-tap.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | 6 | 7 | ]]> 8 | 9 | ion-js-tap 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-drag-right.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-drag-right 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-swipe-down.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-swipe-down 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-swipe-left.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-swipe-left 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/keyboard/ion-js-keyboard.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | 6 | 7 | ]]> 8 | 9 | ion-js-keyboard 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /javascript/events/ion-js-on-swipe-right.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Test} 4 | 5 | ]]> 6 | 7 | ion-js-on-swipe-right 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/navigation/ion-js-nav-view.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:} 5 | 6 | ]]> 7 | 8 | ion-js-nav-view 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/list/ion-list-icon-email.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${2:Check mail} 6 | 7 | ]]> 8 | 9 | ion-list-icon-email 10 | 11 | 12 | -------------------------------------------------------------------------------- /css/footer/ion-bar-footer-pull-left.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ]]> 7 | 8 | ion-bar-footer-pull-left 9 | 10 | 11 | -------------------------------------------------------------------------------- /css/footer/ion-bar-footer-pull-right.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ]]> 7 | 8 | ion-bar-footer-pull-right 9 | 10 | 11 | -------------------------------------------------------------------------------- /javascript/form inputs/ion-js-form-toggle.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${2:Airplane Mode} 4 | 5 | ]]> 6 | 7 | ion-js-form-toggle 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/scroll/ion-js-infinite-scroll.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | ]]> 8 | 9 | ion-js-infinite-scroll 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/content/ion-js-refresher.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | ]]> 8 | 9 | ion-js-refresher 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${3:Hello,} {{${4:item}}} 6 | 7 | 8 | ]]> 9 | 10 | ion-js-list 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /css/cards/ion-card.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
5 | ${1:This is a basic Card which contains an item that has wrapping text.} 6 |
7 | 8 | ]]> 9 | 10 | ion-card 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/list/ion-list-inset.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
6 | ${1:Raiders of the Lost Ark} 7 |
8 | 9 | ... 10 | 11 | 12 | ]]> 13 | 14 | ion-list-inset 15 | 16 | 17 | -------------------------------------------------------------------------------- /css/buttons/ion-button-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:First} 5 | ${2:Second} 6 | ${3:Third} 7 | 8 | ]]> 9 | 10 | ion-button-bar 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/toggle/ion-toggle.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
6 |
7 |
8 |
9 | 10 | ]]> 11 | 12 | ion-toggle 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /javascript/side menus/ion-js-side-menu-content.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | ]]> 8 | 9 | ion-js-side-menu-content 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /css/list/ion-list-icon-chatbubble.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${2:Call Ma} 6 | 7 | ]]> 8 | 9 | ion-list-icon-chatbubble 10 | 11 | 12 | -------------------------------------------------------------------------------- /javascript/navigation/ion-js-nav-back-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Back} 5 | 6 | ]]> 7 | 8 | ion-js-nav-back-button 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/list/ion-list-icon-telephone.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${2:Call Ma} 5 | 6 | 7 | ]]> 8 | 9 | ion-list-icon-telephone 10 | 11 | 12 | -------------------------------------------------------------------------------- /css/list/ion-list-item-avatar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

${3:Venkman}

6 |

${4:Back off, man. I'm a scientist.}

7 | 8 | ]]> 9 | 10 | ion-list-item-avatar 11 | 12 | 13 | -------------------------------------------------------------------------------- /css/range/ion-range.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | ]]> 12 | 13 | ion-range 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /javascript/keyboard/ion-js-keyboard-attach.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |

${1:Title!}

5 | 6 | ]]> 7 | 8 | ion-js-keyboard-attach 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/side menus/ion-js-side-menu-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | ]]> 9 | 10 | ion-js-side-menu-html 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /css/list/ion-list-item-thumbnail.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

${3:Pretty Hate Machine}

6 |

${4:Nine Inch Nails}

7 | 8 | ]]> 9 | 10 | ion-list-item-thumbnail 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/tabs/ion-js-tab.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ]]> 11 | 12 | ion-js-tab 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /css/list/ion-list-icon-mic.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${2:Record album} 6 | 7 | ${3:Grammy} 8 | 9 | 10 | ]]> 11 | 12 | ion-list-icon-mic 13 | 14 | 15 | -------------------------------------------------------------------------------- /css/list/ion-list-button-positive.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:Call Ma} 5 | 8 | 9 | ]]> 10 | 11 | ion-list-button-positive 12 | 13 | 14 | -------------------------------------------------------------------------------- /css/tabs/ion-tabs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:Home} 6 | 7 | 8 | ${2:Favorites} 9 | 10 | 11 | ${3:Settings} 12 | 13 | 14 | ]]> 15 | 16 | ion-tabs 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /javascript/scroll/ion-js-$ionicScrollDelegate-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ion-js-$ionicScrollDelegate-ng 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /javascript/side menus/ion-js-side-menus-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ion-js-side-menus-ng 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /css/list/ion-list-icon-person-stalker.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${2:Friends} 6 | ${3:0} 7 | 8 | ]]> 9 | 10 | ion-list-icon-person-stalker 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/slide box/ion-js-$ionicSlideBoxDelegate-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ion-js-$ionicSlideBoxDelegate-ng 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /javascript/side menus/ion-js-menu-toggle.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | ... 8 | 9 | ]]> 10 | 11 | ion-js-menu-toggle 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-$ionicListDelegate-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ion-js-list-$ionicListDelegate-ng 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /javascript/navigation/ion-js-nav-buttons.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 8 | ]]> 9 | 10 | ion-js-nav-buttons 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /javascript/scroll/ion-js-$ionicScrollDelegate-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | ]]> 9 | 10 | ion-js-$ionicScrollDelegate-html 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /css/footer/ion-bar-footer-left-right.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
${1:Title}
6 | 7 | 8 | ]]> 9 | 10 | ion-bar-footer-left-right 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/tabs/ion-js-$ionictabsdelegate-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ion-js-$ionictabsdelegate-ng 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /css/form/ion-form-input-icon.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 9 | 10 | 11 | ]]> 12 | 13 | ion-form-input-icon 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /javascript/navigation/ion-js-$ionicNavBarDelegate-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ion-js-$ionicNavBarDelegate-ng 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /javascript/side menus/ion-js-$ionicSideMenuDelegate-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | ion-js-$ionicSideMenuDelegate-ng 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /css/checkbox/ion-item-checkbox.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
  • 6 | 9 | ${1:Flux Capacitor} 10 |
    • 11 | 12 | 13 | 14 | ]]> 15 | 16 |     17 | 18 | ion-item-checkbox 19 | 20 | 21 |     22 | -------------------------------------------------------------------------------- /javascript/navigation/ion-js-$ionicNavBarDelegate-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 8 | 9 | 10 | ]]> 11 | 12 | ion-js-$ionicNavBarDelegate-html 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /css/form/ion-form-inset.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 10 | 11 | ]]> 12 | 13 | ion-form-inset 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /css/radiobuttons/ion-item-radio.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 13 | 14 | ]]> 15 | 16 | ion-item-radio 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /css/tabs/ion-tabs-icon.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | ]]> 15 | 16 | ion-tabs-icon-only 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /javascript/form inputs/ion-js-form-radio.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | ${3:Choose} ${2:A} 4 | ${5:Choose} ${4:B} 5 | ${7:Choose} ${6:A} 6 | ]]> 7 | 8 | ion-js-form-radio 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-option-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${1:I love kittens!} 6 | ${2:Share} 7 | ${3:Edit} 8 | 9 | 10 | ]]> 11 | 12 | ion-js-list-option-button 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /css/range/ion-range-list.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 |
    6 | 7 | 8 | 9 |
    10 | 11 | 12 | ]]>     13 | 14 | ion-range-list 15 | 16 | 17 |     18 | -------------------------------------------------------------------------------- /javascript/scroll/ion-js-scroll.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 6 | ]]>     7 | 8 | ion-js-scroll 9 | 10 | 11 |     12 | -------------------------------------------------------------------------------- /javascript/modal/ion-js-$ionicModal-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 |

    My Modal title

    7 |     8 | 9 | Hello! 10 | 11 |     12 | 13 | ]]>     14 | 15 | ion-js-$ionicModal-html 16 | 17 | 18 |     19 | 20 | -------------------------------------------------------------------------------- /css/form/ion-form-inset-input.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 | 9 | 12 |
    13 | 14 | 15 | ]]>     16 | 17 | ion-form-inset-input 18 | 19 | 20 |     21 | -------------------------------------------------------------------------------- /css/cards/ion-card-header-footer.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | ${1:I'm a Header in a Card!} 6 |
    7 |
    8 | ${2:This is a basic Card with some text.} 9 |
    10 |
    11 | ${3:I'm a Footer in a Card!} 12 |
    13 | 14 | ]]>     15 | 16 | ion-card-header-footer 17 | 18 | 19 |     -------------------------------------------------------------------------------- /css/form/ion-form.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 10 | 13 | 14 | ]]> 15 | 16 | ion-form 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /javascript/backdrop/ion-js-$ionicBackdrop-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 14 | 15 | ion-js-$ionicBackdrop-ng 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /css/toggle/ion-item-toggle.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 |
  • 7 | ${1:HTML5} 8 | 14 |
    • 15 | 16 | 17 | 18 | 19 | ]]>     20 | 21 | ion-item-toggle 22 | 23 | 24 |     25 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-reorder-button-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | ${4:Item} 6 | 8 | 9 | 10 | 11 | ]]> 12 | 13 | ion-js-list-reorder-button-html 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-delete-button.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${2:Hello, list item!} 7 | 8 | 9 | 10 | ${3:Show Delete?} 11 | 12 | ]]> 13 | 14 | ion-js-list-delete-button 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /css/form/ion-form-header-input.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 9 | 12 | 13 | 14 | ]]> 15 | 16 | ion-form-header-input 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-reorder-button-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 12 | 13 | ion-js-list-reorder-button-ng 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /css/select/ion-item-select.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 15 | 16 | 17 | ]]> 18 | 19 | ion-item-select 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /css/tabs/ion-tabs-icon-top.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${1:Home} 7 | 8 | 9 | 10 | ${2:Favorites} 11 | 12 | 13 | 14 | ${3:Settings} 15 | 16 | 17 | 18 | ]]> 19 | 20 | ion-tabs-icon-top 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /javascript/loading/ion-js-$ionicLoading-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | ion-js-$ionicLoading-ng 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /css/tabs/ion-icon-left.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 7 | ${1:Home} 8 | 9 | 10 | 11 | ${2:Favorites} 12 | 13 | 14 | 15 | ${3:Settings} 16 | 17 | 18 | 19 | 20 | ]]> 21 | 22 | ion-tabs-icon-left 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /javascript/headers & footers/ion-js-header-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 6 |
    7 |

    ${3:Title!}

    8 |
    9 | 10 |
    11 | 12 | ]]>     13 | 14 | ion-js-header-bar 15 | 16 | 17 |     18 | 19 | -------------------------------------------------------------------------------- /javascript/tabs/ion-js-$ionictabsdelegate-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | ${3:Hello tab 1!} 8 | 9 | 10 | ${8:Hello tab 2!} 11 | 12 | 13 | 14 | ]]> 15 | 16 | ion-js-$ionictabsdelegate-html 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /javascript/headers & footers/ion-js-footer-bar.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 | 6 |
    7 |

    ${2:Title!}

    8 |
    9 | 10 |
    11 | 12 | ]]>     13 | 14 | ion-js-footer-bar 15 | 16 | 17 |     18 | 19 | -------------------------------------------------------------------------------- /css/form/ion-form-placeholder-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 7 | 10 | 13 | 14 | ]]> 15 | 16 | ion-form-placeholder-label 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /javascript/side menus/ion-js-side-menus-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | ${1:} 5 | 6 | 7 | 8 | ${3:} 9 | 10 | 11 | 12 | ${4:} 13 | 14 | 15 | 16 | ]]> 17 | 18 | ion-js-side-menus-html 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /javascript/slide box/ion-js-slide-box.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

    ${3:BLUE}

    6 |     7 | 8 |

    ${4:YELLOW}

    9 |     10 | 11 |

    ${5:PINK}

    12 |     13 | 14 | ]]>     15 | 16 | ion-js-slide-box 17 | 18 | 19 |     20 | 21 | -------------------------------------------------------------------------------- /javascript/popup/ion-js-$ionicPopup-alert-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 15 | 16 | ion-js-$ionicPopup-alert-ng 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-$ionicListDelegate-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | > 7 | ${5:Hello,} {{${6:i}}} 8 | 9 | 10 | 11 | 12 | ]]> 13 | 14 | ion-js-list-$ionicListDelegate-html 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /javascript/popover/ion-js-$ionicPopover-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |

    6 | 7 | 17 | ]]>     18 | 19 | ion-js-$ionicPopover-html 20 | 21 | 22 |     23 | 24 | -------------------------------------------------------------------------------- /javascript/content/ion-js-content-full.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 15 | ${12:...} 16 | 17 | 18 | ]]> 19 | 20 | ion-js-content-full 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-collection-repeat-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 15 | 16 | ion-js-list-collection-repeat-ng 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /javascript/loading/ion-js-$ionicLoadingConfig-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 15 | 16 | ion-js-$ionicLoadingConfig-ng 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /javascript/slide box/ion-js-$ionicSlideBoxDelegate-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 |
    7 | 8 |
    9 |     10 | 11 |
    12 | ${4:Slide 2!} 13 |
    14 |     15 |     16 | 17 | ]]>     18 | 19 | ion-js-$ionicSlideBoxDelegate-html 20 | 21 | 22 |     23 | 24 | -------------------------------------------------------------------------------- /javascript/side menus/ion-js-$ionicSideMenuDelegate-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${2:Content!} 7 | 10 | 11 | 12 | ${5:Left Menu!} 13 | 14 | 15 | 16 | ]]> 17 | 18 | ion-js-$ionicSideMenuDelegate-html 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /css/cards/ion-list-card-img.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 | 7 |

    ${2:Pretty Hate Machine}

    8 |

    ${3:Nine Inch Nails}

    9 |
    10 | 11 |
    12 | 13 |
    14 | 15 | 16 | 17 | ${6:Start listening} 18 | 19 | 20 | 21 | ]]>     22 | 23 | ion-list-card-img 24 | 25 | 26 |     -------------------------------------------------------------------------------- /javascript/lists/ion-js-list-collection-repeat-html.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 |
    5 |
    10 | {{${2:item} }} 11 |
    12 |
    13 | 14 | ]]>     15 | 16 | ion-js-list-collection-repeat-html 17 | 18 | 19 |     20 | 21 | -------------------------------------------------------------------------------- /javascript/popup/ion-js-$ionicPopup-confirm-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 18 | 19 | ion-js-$ionicPopup-confirm-ng 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /javascript/tabs/ion-js-tabs.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | ${2:} 7 | 8 | 9 | 10 | ${4:} 11 | 12 | 13 | 14 | ${6:} 15 | 16 | 17 | 18 | ]]> 19 | 20 | ion-js-tabs 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /css/form/ion-form-stacked-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 | 12 | 16 | 17 | ]]> 18 | 19 | ion-form-stacked-label 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /css/form/ion-form-floating-label.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 8 | 12 | 16 | 17 | ]]> 18 | 19 | ion-form-floating-label 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /css/cards/ion-list-card.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | ${2:Enter home address} 8 | 9 | 10 | 11 | 12 | ${4:Enter phone number} 13 | 14 | 15 | 16 | 17 | ${6:Enter wireless password} 18 | 19 | 20 | 21 | 22 | ${8:Enter card information} 23 | 24 | 25 | 26 | ]]> 27 | 28 | ion-list-card 29 | 30 | 31 | -------------------------------------------------------------------------------- /javascript/modal/ion-js-$ionicModal-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 30 | 31 | ion-js-$ionicModal-ng 32 | 33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /javascript/action sheet/ion-js-$ionicActionSheet-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | Share This}' }, 13 | { text: '${5:Move}' } 14 | ], 15 | destructiveText: '${6:Delete}', 16 | titleText: '${7:Modify your album}', 17 | cancelText: '${8:Cancel}', 18 | cancel: function() { 19 | ${9:// add cancel code..} 20 | }, 21 | buttonClicked: function(index) { 22 | return true; 23 | } 24 | }); 25 | 26 | ${10:// For example's sake, hide the sheet after two seconds} 27 | $timeout(function() { 28 | hideSheet(); 29 | }, 2000); 30 | 31 | }; 32 | }); 33 | ]]> 34 | 35 | ion-js-$ionicActionSheet-ng 36 | 37 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /javascript/popover/ion-js-$ionicPopover-ng.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 29 | 30 | ion-js-$ionicPopover-ng 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /css/cards/ion-list-card-showcase.sublime-snippet: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 |
    6 | 7 |

    ${2:Marty McFly}

    8 |

    ${3:November 05, 1955}

    9 |
    10 | 11 |
    12 | 13 |

    14 | ${5:This is a "Facebook" styled Card. The header is created from a Thumbnail List item, 15 | the content is from a card-body consisting of an image and paragraph text. The footer 16 | consists of tabs, icons aligned left, within the card-footer.} 17 |

    18 |

    19 | ${7:1 Like} 20 | ${9:5 Comments} 21 |

    22 |
    23 | 24 |
    25 | 26 | 27 | ${11:Like} 28 | 29 | 30 | 31 | ${13:Comment} 32 | 33 | 34 | 35 | ${15:Share} 36 | 37 |
    38 | 39 | 40 | ]]>     41 | 42 | ion-list-card-showcase 43 | 44 | 45 |     -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Ionic Snippets - Sublime Plugin 2 | ================== 3 | 4 | A sublime plugin complete with ionic framework snippets 5 | 6 | Feel free to let me know what else you want added via: 7 | 8 | - Twitter [@mbaljeetsingh](https://twitter.com/mbaljeetsingh) 9 | - [Issues](https://github.com/BeeJaySoft/ionic-snippets-sublime-plugin/issues) 10 | 11 | 12 | ### Installation 13 | 14 | There are 3 methods for installing this plugin. 15 | 16 | 1. Search for "ionic 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 17 | 18 | 2. Clone the repository into your Sublime Text 2/3 packages directory. 19 | `git clone https://github.com/BeeJaySoft/ionic-snippets-sublime-plugin.git 20 | 21 | 3. Download the .zip file and unzip it into your Sublime Text 2/3 packages directory. 22 | **Note:** You can find your Sublime Text 2/3 packages directory by going to Preferences > Browse Packages. 23 | 24 | ## What's included - contents 25 | ### CSS Snippets 26 | - [Header](#header) 27 | - [Content](#content) 28 | - [Footer](#footer) 29 | - [Buttons](#buttons) 30 | - [List](#list) 31 | - [Cards](#cards) 32 | - [Form](#form) 33 | - [Toggle](#toggle) 34 | - [Checkbox](#checkbox) 35 | - [Radiobuttons](#radiobuttons) 36 | - [Range](#range) 37 | - [Select](#select) 38 | - [Tabs](#tabs) 39 | - [Utility](#utility) 40 | 41 | ### JS Snippets 42 | - [Tabs](#jstabs) 43 | - [SideMenu](#sidemenu) 44 | - [Navigation](#navigation) 45 | - [HeadersFooters](#headersfooters) 46 | - [Content](#content) 47 | - [Scroll](#scroll) 48 | - [Lists](#lists) 49 | - [Form Input](#forminput) 50 | - [Slide Box](#slidebox) 51 | - [Modal](#modal) 52 | - [Popover](#popover) 53 | - [ActionSheet](#actionsheet) 54 | - [Popup](#popup) 55 | - [Loading](#loading) 56 | - [Events](#events) 57 | - [Backdrop](#backdrop) 58 | - [TapClick](#tapclick) 59 | - [Keyboard](#keyboard) 60 | - [License](#license) 61 | 62 | 63 | ### CSS Snippets 64 | ionic css snippets are prefixed with ion- 65 | 66 | ### Header 67 | 68 | | Component | Snippet code | 69 | |------------------------------- | :-----------------------------:| 70 | | bar-light | ion-bar-light | 71 | | bar-stable | ion-bar-balanced | 72 | | bar-positive | ion-bar-positive | 73 | | bar-calm | ion-bar-calm | 74 | | bar-balanced | ion-bar-balanced | 75 | | bar-energized | ion-bar-energized | 76 | | bar-assertive | ion-bar-assertive | 77 | | bar-royal | ion-bar-royal | 78 | | bar-dark | ion-bar-dark | 79 | | Sub Header | ion-bar-subheader | 80 | 81 | 82 | 83 | ### Footer 84 | 85 | | Component | Snippet code | 86 | |------------------------------- | :-----------------------------:| 87 | | bar-footer | ion-bar-footer | 88 | | bar-footer-left-right | ion-bar-footer-left-right | 89 | | bar-footer-pull-left | ion-bar-footer-pull-left | 90 | | bar-footer-pull-right | ion-bar-footer-pull-right | 91 | 92 | ### Buttons 93 | 94 | | Component | Snippet code | 95 | |------------------------------- | :-----------------------------:| 96 | | button | ion-button | 97 | | button-block | ion-button-block | 98 | | button-light | ion-button-light | 99 | | button-stable | ion-button-stable | 100 | | button-positive | ion-button-positive | 101 | | button-calm | ion-button-calm | 102 | | button-balanced | ion-button-balanced | 103 | | button-energized | ion-button-energized | 104 | | button-assertive | ion-button-assertive | 105 | | button-royal | ion-button-royal | 106 | | button-dark | ion-button-dark | 107 | | button-fullwidth | ion-button-full | 108 | | button-smallsize | ion-button-small | 109 | | button-largesize | ion-button-large | 110 | | button-outline | ion-button-outline | 111 | | button-clear | ion-button-clear | 112 | | button-home | ion-button-home | 113 | | button-star | ion-button-star | 114 | | button-chevron-left | ion-button-chevron-left | 115 | | button-chevron-right | ion-button-chevron-right | 116 | | button-gear | ion-button-gear | 117 | | button-setting | ion-button-setting | 118 | | button-navicon | ion-button-navicon | 119 | | button-clear | ion-button-clear | 120 | | button-bar | ion-button-bar | 121 | 122 | 123 | 124 | 125 | ### List 126 | 127 | | Component | Snippet code | 128 | |------------------------------- | :-----------------------------:| 129 | | list | ion-list-ul | 130 | | list-divider | ion-item-divider | 131 | | list-icons-email | ion-list-icon-email | 132 | | list-icons-chatBubble | ion-list-icon-chatbubble | 133 | | list-icons-mic | ion-list-icon-mic | 134 | | list-icons-person | ion-list-icon-person | 135 | | list-button | ion-list-button-positive | 136 | | list-item-avatar | ion-list-item-avatar | 137 | | list-item-thumbnail | ion-list-item-thumbnail | 138 | | list-inset | ion-item-inset | 139 | 140 | 141 | ### Cards 142 | 143 | | Component | Snippet code | 144 | |------------------------------- | :-----------------------------:| 145 | | card | ion-card | 146 | | card-header-footer | ion-card-header-footer | 147 | | card-list | ion-list-card | 148 | | card-showcase | ion-list-card-showcase | 149 | | card-images | ion-list-card-img | 150 | 151 | ### Forms 152 | 153 | | Component | Snippet code | 154 | |------------------------------- | :-----------------------------:| 155 | | form | ion-form | 156 | | form-placeholder-label | ion-form-placeholder-label | 157 | | form-inline-label | ion-form-inline-label | 158 | | form-stacked-label | ion-form-stacked-label | 159 | | form-floating-label | ion-form-floating-label | 160 | | inset-form | ion-form-inset | 161 | | form-input-icon | ion-form-input-icon | 162 | | form-inline-label | ion-form-inline-label | 163 | | form-header-input | ion-form-header-input | 164 | 165 | 166 | ### Toggle 167 | 168 | | Component | Snippet code | 169 | |------------------------------- | :-----------------------------:| 170 | | toggle | ion-toggle | 171 | | toggle-item | ion-item-toggle | 172 | 173 | ### Checkbox 174 | 175 | | Component | Snippet code | 176 | |------------------------------- | :-----------------------------:| 177 | | Checkbox | ion-item-checkbox | 178 | 179 | 180 | ### RadioButtons 181 | 182 | | Component | Snippet code | 183 | |------------------------------- | :-----------------------------:| 184 | | RadioButton | ion-item-radio | 185 | 186 | 187 | ### Range 188 | 189 | | Component | Snippet code | 190 | |------------------------------- | :-----------------------------:| 191 | | range | ion-range | 192 | | range-list | ion-range-list | 193 | 194 | 195 | ### Select 196 | 197 | | Component | Snippet code | 198 | |------------------------------- | :-----------------------------:| 199 | | select | ion-item-select | 200 | 201 | 202 | ### Tabs 203 | 204 | | Component | Snippet code | 205 | |------------------------------- | :-----------------------------:| 206 | | tabs | ion-tabs | 207 | | tabs-icon | ion-tabs-icon | 208 | | tabs-top-icon | ion-tabs-icon-top | 209 | | tabs-left-icon | ion-tabs-icon-left | 210 | 211 | 212 | 213 | ### Utility 214 | 215 | | Component | Snippet code | 216 | |------------------------------- | :-----------------------------:| 217 | | icons | ion-star | 218 | 219 | 220 | # 221 | 222 | ### JsTabs 223 | 224 | | Component | Snippet code | 225 | |------------------------------- | :-----------------------------:| 226 | | tabs | ion-js-tabs | 227 | | tab | ion-js-tab | 228 | | ionictabsdelegate(html) | ion-js-$ionictabsdelegate-html | 229 | | ionictabsdelegate(angular) | ion-js-$ionictabsdelegate-ng | 230 | 231 | ### SideMenu 232 | 233 | | Component | Snippet code | 234 | |------------------------------- | :-----------------------------:| 235 | | SideMenus | ion-js-side-menus-html | 236 | | SideMenu | ion-js-side-menu-html | 237 | | SideMenu(angular) | ion-js-side-menu-ng | 238 | | SideMenu-Content | ion-js-side-menu-content-html | 239 | | Menu-toggle | ion-js-menu-toggle | 240 | | Menu-close | ion-js-menu-close | 241 | | SideMenu-Content | ion-js-side-menu-content | 242 | | Ionic-sidemenu-delegate(html) | ion-js-$ionicsidemenudelegate-html | 243 | | Ionic-sidemenu-delegate(angular)| ion-js-$ionicSideMenuDelegate-ng | 244 | 245 | ### Navigation 246 | 247 | | Component | Snippet code | 248 | |------------------------------- | :-----------------------------:| 249 | | Nav-view | ion-js-nav-view | 250 | | View | ion-js-view | 251 | | Nav-bar | ion-js-nav-bar | 252 | | Nav-button | ion-js-nav-button | 253 | | Nav-backButton | ion-js-nav-back-button | 254 | | Nav-clear | ion-js-nav-clear | 255 | | Nav-bar-Delegate(html) | ion-js-$ionicnavbardelegate-html | 256 | | Nav-bar-Delegate(angular) | ion-js-$ionicnavbardelegate-ng | 257 | 258 | 259 | ### HeadersFooters 260 | 261 | | Component | Snippet code | 262 | |------------------------------- | :-----------------------------:| 263 | | Header | ion-js-header-bar | 264 | | Footer | ion-js-footer-bar | 265 | 266 | ### Content 267 | 268 | | Component | Snippet code | 269 | |------------------------------- | :-----------------------------:| 270 | | Content | ion-js-content | 271 | | Refresher | ion-js-refresher | 272 | | Pane | ion-js-pane | 273 | 274 | ### Scroll 275 | 276 | | Component | Snippet code | 277 | |------------------------------- | :-----------------------------:| 278 | | Scroll | ion-js-scroll | 279 | | Infinite-Scroll | ion-js-infinite-scroll | 280 | | Ionic-scroll-delegate(html) | ion-js-$ionicScrollDelegate-html| 281 | | Ionic-scroll-delegate(angular) | ion-js-$ionicScrollDelegate-ng | 282 | 283 | ### Lists 284 | 285 | | Component | Snippet code | 286 | |------------------------------- | :-----------------------------:| 287 | | list | ion-js-list | 288 | | item | ion-js-item | 289 | | DeleteButton | ion-js-delete-button | 290 | | ReorderButton(html) | ion-js-reorder-button-html | 291 | | ReorderButton(angular) | ion-js-reorder-button-ng | 292 | | OptionButton | ion-js-option-button | 293 | | CollectionRepeat(html) | ion-js-collection-repeat-html | 294 | | CollectionRepeat(angular) | ion-js-collection-repeat-ng | 295 | | ListDelegate(html) | ion-js-$ioniclistdelegate-html | 296 | | ListDelegate(angular) | ion-js-$ioniclistdelegate-ng | 297 | 298 | 299 | ### FormInput 300 | 301 | | Component | Snippet code | 302 | |------------------------------- | :-----------------------------:| 303 | | Checkbox | ion-js-checkbox | 304 | | Radio | ion-js-radion | 305 | | Toggle | ion-js-toggle | 306 | 307 | 308 | ### SlideBox 309 | 310 | | Component | Snippet code | 311 | |------------------------------- | :-----------------------------:| 312 | | SlideBox | ion-js-slidebox | 313 | | SlideboxDelegate (html) | ion-js-$ionicslideboxdelegate-html| 314 | | SlideboxDelegate (angular) | ion-js-$ionicslideboxdelegate-ng| 315 | 316 | ### Modal 317 | 318 | | Component | Snippet code | 319 | |------------------------------- | :-----------------------------:| 320 | | Modal (html) | ion-js-$ionicmodal-html | 321 | | Modal (angular) | ion-js-$ionicmodal-ng | 322 | 323 | ### Popover 324 | 325 | | Component | Snippet code | 326 | |------------------------------- | :-----------------------------:| 327 | | Popover (html) | ion-js-$ionicpopover-html | 328 | | Popover (angular) | ion-js-$ionicpopover-ng | 329 | 330 | ### ActionSheet 331 | 332 | | Component | Snippet code | 333 | |------------------------------- | :-----------------------------:| 334 | | ActionSheet | ion-js-$ionicactionsheet-ng | 335 | 336 | ### Popup 337 | 338 | | Component | Snippet code | 339 | |------------------------------- | :-----------------------------:| 340 | | PopupAlert | ion-js-$ionicpopup-alert-ng | 341 | | PopupConfirm | ion-js-$ionicpopup-confirm-ng | 342 | 343 | ### Loading 344 | 345 | | Component | Snippet code | 346 | |------------------------------- | :-----------------------------:| 347 | | Loading | ion-js-$ionicLoading-ng | 348 | | LoadingConfig | ion-js-$ionicLoadingConfig-ng | 349 | 350 | 351 | ### Events 352 | 353 | | Component | Snippet code | 354 | |------------------------------- | :-----------------------------:| 355 | | on-hold | ion-js-on-hold | 356 | | on-tap | ion-js-on-tap | 357 | | on-tap | ion-js-on-tap | 358 | | on-touch | ion-js-on-touch | 359 | | on-release | ion-js-on-release | 360 | | on-drag | ion-js-on-drag | 361 | | on-drag-up | ion-js-on-drag-up | 362 | | on-drag-right | ion-js-on-drag-right | 363 | | on-drag-down | ion-js-on-drag-down | 364 | | on-drag-left | ion-js-on-drag-left | 365 | | on-swipe | ion-js-on-swipe | 366 | | on-drag-up | ion-js-on-swipe-up | 367 | | on-drag-right | ion-js-on-swipe-right | 368 | | on-drag-down | ion-js-on-swipe-down | 369 | | on-drag-left | ion-js-on-swipe-left | 370 | 371 | 372 | ### BackDrop 373 | 374 | | Component | Snippet code | 375 | |------------------------------- | :-----------------------------:| 376 | | backdrop | ion-js-$ionicbackdrop-ng | 377 | 378 | ### Events 379 | 380 | | Component | Snippet code | 381 | |------------------------------- | :-----------------------------:| 382 | | on-hold | ion-js-on-hold | 383 | 384 | 385 | ### TapClick 386 | 387 | | Component | Snippet code | 388 | |------------------------------- | :-----------------------------:| 389 | | tap | ion-js-tap | 390 | 391 | 392 | ### Keyboard 393 | 394 | | Component | Snippet code | 395 | |------------------------------- | :-----------------------------:| 396 | | keyboard | ion-js-keyboard | 397 | | keyboard-attach | ion-js-keyboard-attach | 398 | 399 | 400 | ### License 401 | 402 | Ionic Snippets - Sublime Plugin is open-sourced software licensed under the [GNU GPL license](http://www.gnu.org/copyleft/gpl.html). 403 | --------------------------------------------------------------------------------