# IONIC 2/3 Snippets for ST3 

Packages with snippets for components and themings for Ionic 2 or higher.

## Snippets

For Components Snippets just type ```<ion-```

| Components              | Theming                 |
| ------------------------|-------------------------|
| avatar                  | align-items-baseline    |
| badge                   | align-items-center      |
| card                    | align-items-end         |
| card-content            | align-items-start       |
| card-header             | align-items-stretch     |
| checkbox                | align-self-baseline     |
| chip                    | align-self-center       |
| col                     | align-self-end          |
| content                 | align-self-start        |
| datetime                | align-self-stretch      |
| fab                     | block                   |
| fab-list                | cancel-text             |
| footer                  | clear                   |
| grid                    | col-                    |
| header                  | col-auto                |
| icon                    | col-lg                  |
| infinite-scroll         | col-lg-                 |
| infinite-scroll-content | col-md                  |
| input                   | col-md-                 |
| item                    | col-sm                  |
| item-divider            | col-sm-                 |
| item-group              | col-xl                  |
| item-options            | col-xl-                 |
| item-sliding            | color-danger            |
| label                   | color-dark              |
| list                    | color-light             |
| list-header             | color-primary           |
| menu                    | color-secondary         |
| nav                     | color-twitter           |
| option                  | end                     |
| radio                   | fixed                   |
| range                   | float-end               |
| refresher               | float-left              |
| refresher-content       | float-lg-end            |
| row                     | float-lg-left           |
| scroll                  | float-lg-right          |
| searchbar               | float-lg-start          |
| segment                 | float-md-end            |
| segment-button          | float-md-left           |
| select                  | float-md-right          |
| slide                   | float-md-start          |
| slides                  | float-right             |
| spinner                 | float-sm-end            |
| split-pane              | float-sm-left           |
| tab                     | float-sm-right          |
| tabs                    | float-sm-start          |
| thumbnail               | float-start             |
| title                   | float-xl-end            |
| toggle                  | float-xl-left           |
| toolbar                 | float-xl-right          |
|                         | float-xl-start          |
|                         | floating                |
|                         | full                    |
|                         | icon-left               |
|                         | icon-only               |
|                         | icon-right              |
|                         | inset                   |
|                         | ion-button              |
|                         | ion-fab                 |
|                         | ion-item                |
|                         | item-end                |
|                         | item-left               |
|                         | item-right              |
|                         | item-start              |
|                         | justify-content-around  |
|                         | justify-content-between |
|                         | justify-content-center  |
|                         | justify-content-end     |
|                         | justify-content-start   |
|                         | large                   |
|                         | left                    |
|                         | margin                  |
|                         | margin-bottom           |
|                         | margin-horizontal       |
|                         | margin-left             |
|                         | margin-right            |
|                         | margin-top              |
|                         | margin-vertical         |
|                         | no-lines                |
|                         | no-margin               |
|                         | no-padding              |
|                         | offset-                 |
|                         | offset-lg-              |
|                         | offset-md-              |
|                         | offset-sm-              |
|                         | offset-xl-              |
|                         | ok-text                 |
|                         | outline                 |
|                         | padding                 |
|                         | padding-bottom          |
|                         | padding-horizontal      |
|                         | padding-left            |
|                         | padding-right           |
|                         | padding-top             |
|                         | padding-vertical        |
|                         | pager                   |
|                         | pull-                   |
|                         | pull-lg-                |
|                         | pull-md-                |
|                         | pull-sm-                |
|                         | pull-xl-                |
|                         | push-                   |
|                         | push-lg-                |
|                         | push-md-                |
|                         | push-sm-                |
|                         | push-xl-                |
|                         | range-left              |
|                         | range-right             |
|                         | right                   |
|                         | round                   |
|                         | side-left               |
|                         | side-right              |
|                         | small                   |
|                         | stacked                 |
|                         | start                   |
|                         | tab-icon                |
|                         | tab-title               |
|                         | text-capitalize         |
|                         | text-center             |
|                         | text-end                |
|                         | text-justify            |
|                         | text-left               |
|                         | text-lg-center          |
|                         | text-lg-end             |
|                         | text-lg-justify         |
|                         | text-lg-left            |
|                         | text-lg-nowrap          |
|                         | text-lg-right           |
|                         | text-lg-start           |
|                         | text-lg-uppercase       |
|                         | text-lg-wrap            |
|                         | text-lowercase          |
|                         | text-md-center          |
|                         | text-md-end             |
|                         | text-md-justify         |
|                         | text-md-left            |
|                         | text-md-nowrap          |
|                         | text-md-right           |
|                         | text-md-start           |
|                         | text-md-uppercase       |
|                         | text-md-wrap            |
|                         | text-nowrap             |
|                         | text-right              |
|                         | text-sm-center          |
|                         | text-sm-end             |
|                         | text-sm-justify         |
|                         | text-sm-left            |
|                         | text-sm-nowrap          |
|                         | text-sm-right           |
|                         | text-sm-start           |
|                         | text-sm-uppercase       |
|                         | text-sm-wrap            |
|                         | text-start              |
|                         | text-uppercase          |
|                         | text-wrap               |
|                         | text-xl-center          |
|                         | text-xl-end             |
|                         | text-xl-justify         |
|                         | text-xl-left            |
|                         | text-xl-nowrap          |
|                         | text-xl-right           |
|                         | text-xl-start           |
|                         | text-xl-uppercase       |
|                         | text-xl-wrap            |
|                         | top                     |
|                         | wrap-reverse            |