Skip to content

Commit acf3254

Browse files
jaswanttaurjaswanttaur
committed
Updated Readme
Added Javascript Snippets Documentation.
1 parent 5a40142 commit acf3254

File tree

1 file changed

+218
-14
lines changed

1 file changed

+218
-14
lines changed

‎README.md‎

Lines changed: 218 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,22 @@ Feel free to let me know what else you want added via:
99
- [Issues](https://github.com/PixelDropInc/ionic-snippets-sublime-plugin/issues)
1010

1111

12+
### Installation
13+
14+
There are 3 methods for installing this plugin.
15+
16+
1. Search for "ionic framework snippets" via the "Package Control: Install Packages" menu.
17+
**Note:** If you don't have Sublime Package Control installed, you can find out how to install it here [https://sublime.wbond.net/installation](https://sublime.wbond.net/installation)
18+
19+
2. Clone the repository into your Sublime Text 2/3 packages directory.
20+
`git clone https://github.com/PixelDropInc/ionic-snippets-sublime-plugin.git
21+
22+
3. Download the .zip file and unzip it into your Sublime Text 2/3 packages directory.
23+
**Note:** You can find your Sublime Text 2/3 packages directory by going to Preferences > Browse Packages.
24+
1225
## What's included - contents
26+
### CSS Snippets
27+
- [Installation](#installation)
1328
- [Installation](#installation)
1429
- [Header](#header)
1530
- [Content](#content)
@@ -25,23 +40,30 @@ Feel free to let me know what else you want added via:
2540
- [Select](#select)
2641
- [Tabs](#tabs)
2742
- [Utility](#utility)
28-
- [License](#license)
2943

44+
### JS Snippets
45+
- [Tabs](#jstabs)
46+
- [SideMenu](#sidemenu)
47+
- [Navigation](#navigation)
48+
- [HeadersFooters](#headersfooters)
49+
- [Content](#content)
50+
- [Scroll](#scroll)
51+
- [Lists](#lists)
52+
- [Form Input](#forminput)
53+
- [Slide Box](#slidebox)
54+
- [Modal](#modal)
55+
- [Popover](#popover)
56+
- [ActionSheet](#actionsheet)
57+
- [Popup](#popup)
58+
- [Loading](#loading)
59+
- [Events](#events)
60+
- [Backdrop](#backdrop)
61+
- [TapClick](#tapclick)
62+
- [Keyboard](#keyboard)
63+
- [License](#license)
3064

31-
### Installation
32-
33-
There are 3 methods for installing this plugin.
34-
35-
1. Search for "ionic framework snippets" via the "Package Control: Install Packages" menu.
36-
**Note:** If you don't have Sublime Package Control installed, you can find out how to install it here [https://sublime.wbond.net/installation](https://sublime.wbond.net/installation)
37-
38-
2. Clone the repository into your Sublime Text 2/3 packages directory.
39-
`git clone https://github.com/PixelDropInc/ionic-snippets-sublime-plugin.git
40-
41-
3. Download the .zip file and unzip it into your Sublime Text 2/3 packages directory.
42-
**Note:** You can find your Sublime Text 2/3 packages directory by going to Preferences > Browse Packages.
4365

44-
#<!-- CSS Snippets -->
66+
### CSS Snippets
4567
ionic css snippets are prefixed with ion-
4668

4769
### Header
@@ -190,12 +212,194 @@ ionic css snippets are prefixed with ion-
190212
| tabs-left-icon | ion-tabs-icon-left |
191213

192214

215+
193216
### Utility
194217

195218
| Component | Snippet code |
196219
|------------------------------- | :-----------------------------:|
197220
| icons | ion-star |
198221

222+
223+
#<!-- JAVASCRIPT Snippets -->
224+
225+
### JsTabs
226+
227+
| Component | Snippet code |
228+
|------------------------------- | :-----------------------------:|
229+
| tabs | ion-js-tabs |
230+
| tab | ion-js-tab |
231+
| ionictabsdelegate(html) | ion-js-$ionictabsdelegate-html |
232+
| ionictabsdelegate(angular) | ion-js-$ionictabsdelegate-ng |
233+
234+
### SideMenu
235+
236+
| Component | Snippet code |
237+
|------------------------------- | :-----------------------------:|
238+
| SideMenus | ion-js-side-menus-html |
239+
| SideMenu | ion-js-side-menu-html |
240+
| SideMenu(angular) | ion-js-side-menu-ng |
241+
| SideMenu-Content | ion-js-side-menu-content-html |
242+
| Menu-toggle | ion-js-menu-toggle |
243+
| Menu-close | ion-js-menu-close |
244+
| SideMenu-Content | ion-js-side-menu-content |
245+
| Ionic-sidemenu-delegate(html) | ion-js-$ionicsidemenudelegate-html |
246+
| Ionic-sidemenu-delegate(angular)| ion-js-$ionicSideMenuDelegate-ng |
247+
248+
### Navigation
249+
250+
| Component | Snippet code |
251+
|------------------------------- | :-----------------------------:|
252+
| Nav-view | ion-js-nav-view |
253+
| View | ion-js-view |
254+
| Nav-bar | ion-js-nav-bar |
255+
| Nav-button | ion-js-nav-button |
256+
| Nav-backButton | ion-js-nav-back-button |
257+
| Nav-clear | ion-js-nav-clear |
258+
| Nav-bar-Delegate(html) | ion-js-$ionicnavbardelegate-html |
259+
| Nav-bar-Delegate(angular) | ion-js-$ionicnavbardelegate-ng |
260+
261+
262+
### HeadersFooters
263+
264+
| Component | Snippet code |
265+
|------------------------------- | :-----------------------------:|
266+
| Header | ion-js-header-bar |
267+
| Footer | ion-js-footer-bar |
268+
269+
### Content
270+
271+
| Component | Snippet code |
272+
|------------------------------- | :-----------------------------:|
273+
| Content | ion-js-content |
274+
| Refresher | ion-js-refresher |
275+
| Pane | ion-js-pane |
276+
277+
### Scroll
278+
279+
| Component | Snippet code |
280+
|------------------------------- | :-----------------------------:|
281+
| Scroll | ion-js-scroll |
282+
| Infinite-Scroll | ion-js-infinite-scroll |
283+
| Ionic-scroll-delegate(html) | ion-js-$ionicScrollDelegate-html|
284+
| Ionic-scroll-delegate(angular) | ion-js-$ionicScrollDelegate-ng |
285+
286+
### Lists
287+
288+
| Component | Snippet code |
289+
|------------------------------- | :-----------------------------:|
290+
| list | ion-js-list |
291+
| item | ion-js-item |
292+
| DeleteButton | ion-js-delete-button |
293+
| ReorderButton(html) | ion-js-reorder-button-html |
294+
| ReorderButton(angular) | ion-js-reorder-button-ng |
295+
| OptionButton | ion-js-option-button |
296+
| CollectionRepeat(html) | ion-js-collection-repeat-html |
297+
| CollectionRepeat(angular) | ion-js-collection-repeat-ng |
298+
| ListDelegate(html) | ion-js-$ioniclistdelegate-html |
299+
| ListDelegate(angular) | ion-js-$ioniclistdelegate-ng |
300+
301+
302+
### FormInput
303+
304+
| Component | Snippet code |
305+
|------------------------------- | :-----------------------------:|
306+
| Checkbox | ion-js-checkbox |
307+
| Radio | ion-js-radion |
308+
| Toggle | ion-js-toggle |
309+
310+
311+
### SlideBox
312+
313+
| Component | Snippet code |
314+
|------------------------------- | :-----------------------------:|
315+
| SlideBox | ion-js-slidebox |
316+
| SlideboxDelegate (html) | ion-js-$ionicslideboxdelegate-html|
317+
| SlideboxDelegate (angular) | ion-js-$ionicslideboxdelegate-ng|
318+
319+
### Modal
320+
321+
| Component | Snippet code |
322+
|------------------------------- | :-----------------------------:|
323+
| Modal (html) | ion-js-$ionicmodal-html |
324+
| Modal (angular) | ion-js-$ionicmodal-ng |
325+
326+
### Popover
327+
328+
| Component | Snippet code |
329+
|------------------------------- | :-----------------------------:|
330+
| Popover (html) | ion-js-$ionicpopover-html |
331+
| Popover (angular) | ion-js-$ionicpopover-ng |
332+
333+
### ActionSheet
334+
335+
| Component | Snippet code |
336+
|------------------------------- | :-----------------------------:|
337+
| ActionSheet | ion-js-$ionicactionsheet-ng |
338+
339+
### Popup
340+
341+
| Component | Snippet code |
342+
|------------------------------- | :-----------------------------:|
343+
| PopupAlert | ion-js-$ionicpopup-alert-ng |
344+
| PopupConfirm | ion-js-$ionicpopup-confirm-ng |
345+
346+
### Loading
347+
348+
| Component | Snippet code |
349+
|------------------------------- | :-----------------------------:|
350+
| Loading | ion-js-$ionicLoading-ng |
351+
| LoadingConfig | ion-js-$ionicLoadingConfig-ng |
352+
353+
354+
### Events
355+
356+
| Component | Snippet code |
357+
|------------------------------- | :-----------------------------:|
358+
| on-hold | ion-js-on-hold |
359+
| on-tap | ion-js-on-tap |
360+
| on-tap | ion-js-on-tap |
361+
| on-touch | ion-js-on-touch |
362+
| on-release | ion-js-on-release |
363+
| on-drag | ion-js-on-drag |
364+
| on-drag-up | ion-js-on-drag-up |
365+
| on-drag-right | ion-js-on-drag-right |
366+
| on-drag-down | ion-js-on-drag-down |
367+
| on-drag-left | ion-js-on-drag-left |
368+
| on-swipe | ion-js-on-swipe |
369+
| on-drag-up | ion-js-on-swipe-up |
370+
| on-drag-right | ion-js-on-swipe-right |
371+
| on-drag-down | ion-js-on-swipe-down |
372+
| on-drag-left | ion-js-on-swipe-left |
373+
374+
375+
### BackDrop
376+
377+
| Component | Snippet code |
378+
|------------------------------- | :-----------------------------:|
379+
| backdrop | ion-js-$ionicbackdrop-ng |
380+
381+
### Events
382+
383+
| Component | Snippet code |
384+
|------------------------------- | :-----------------------------:|
385+
| on-hold | ion-js-on-hold |
386+
387+
388+
### TapClick
389+
390+
| Component | Snippet code |
391+
|------------------------------- | :-----------------------------:|
392+
| tap | ion-js-tap |
393+
394+
395+
### Keyboard
396+
397+
| Component | Snippet code |
398+
|------------------------------- | :-----------------------------:|
399+
| keyboard | ion-js-keyboard |
400+
| keyboard-attach | ion-js-keyboard-attach |
401+
402+
199403
### License
200404

201405
Ionic Snippets - Sublime Plugin is open-sourced software licensed under the [GNU GPL license](http://www.gnu.org/copyleft/gpl.html).

0 commit comments

Comments
 (0)