feat(slides): add slides with options

* add slides options object
fivethree-team · Apr 24, 2019 · 147c56d · 147c56d
1 parent d950c81
commit 147c56d
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -127,6 +127,7 @@ Type part of a snippet, press enter, and the snippet unfolds.
 | `i-skeleton-text`                | `<ion-skeleton-text>`                                                   |
 | `i-slide`                | `<ion-slide>`                                                   |
 | `i-slides`                | `<ion-slides>` w/ `<ion-slide>`                                                |
+| `i-slides-options`                | `<ion-slides>` w/ options                                                |
 | `i-spinner`                | `<ion-spinner>`                                              |
 | `i-split-pane`                | `<ion-split-pane>`                                              |
 | `i-split-pane-advanced`                | `<ion-split-pane>` w/ a menu including `<ion-header>`, `<ion-content>` and `<ion-footer>`                                           |
@@ -251,6 +252,7 @@ Type part of a snippet, press enter, and the snippet unfolds.
 | `i-on-will-dismiss`                | Ionic `onWillDismiss` for dialogs                                                 |
 | `i-on-will-dismiss-data`                | Ionic `onWillDismiss` for dialogs returning data                                                |
 | `i-refresher-do-refresh`                | `<ion-refesher ionRefresh>` output handler method                                                 |
+| `i-slides-options`                | Ionic slides options                                                 |
 | `i-toast`                | Ionic toast notification method                                                 |
 | `i-toast-button`                | Ionic toast button                                                 |
 | `i-toast-w-buttons`                | Ionic toast notification w/ buttons                                                 |

diff --git a/snippets/angular/html.json b/snippets/angular/html.json
@@ -973,14 +973,25 @@
     "ion-slides": {
         "prefix": "i-slides",
         "body": [
-            "<ion-slides pager=\"${1:true}\">",
+            "<ion-slides mode=\"${1|ios,md|}\" pager=\"${1|true,false|}\" scrollbar=\"${1|true,false|}\">",
             "\t<ion-slide>",
             "\t\t<${2:h1}>${3:Awesome Slide Content}</${2:h1}>",
             "\t</ion-slide>",
             "</ion-slides>"
         ],
         "description": "<ion-slides> w/ <ion-slide>"
     },
+    "ion-slides-options": {
+        "prefix": "i-slides-options",
+        "body": [
+            "<ion-slides mode=\"${1|ios,md|}\" pager=\"${1|true,false|}\" scrollbar=\"${1|true,false|}\" [options]=\"${1:slidesOptions}\">",
+            "\t<ion-slide>",
+            "\t\t<${2:h1}>${3:Awesome Slide Content}</${2:h1}>",
+            "\t</ion-slide>",
+            "</ion-slides>"
+        ],
+        "description": "<ion-slides> w/ options"
+    },
     "ion-spinner": {
         "prefix": "i-spinner",
         "body": [

diff --git a/snippets/angular/typescript.json b/snippets/angular/typescript.json
@@ -374,6 +374,22 @@
         ],
         "description": "<ion-refesher ionRefresh> output handler method"
     },
+    "ion-slides-options": {
+        "prefix": "i-slides-options",
+        "body": [
+            "${1:slidesOptions} = {",
+            "\tinitialSlide: ${2:0},",
+            "\tdirection: '${3|horizontal,vertical|}',",
+            "\tspeed: ${4:300},",
+            "\teffect: ${5|slide,fade,cube,coverflow,flip|},",
+            "\tspaceBetween: ${6:8},",
+            "\tslidesPerView: ${7:1.5},",
+            "\tfreeMode: ${8|true,false|},",
+            "\tloop: ${8|true,false|}",
+            "};"
+        ],
+        "description": "Ionic Slides options"
+    },
     "ion-toast": {
         "prefix": "i-toast",
         "body": [