Packages with snippets for components and themings for Ionic 2 or higher.
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 |