Ionic - Herramientas y componentes

Hay 9 estilos de colores:
Light
Stable
Positive
Calm
Balanced
Energized
Assertive
Royal
Dark

Javascript

Modals
Scroll
Spinner
Action Sheet
Gestos y eventos
Navegación
Pull to refresh

Modals

            angular.module('testApp', ['ionic'])
    .controller('MyController', MyController);

function MyController($scope, $ionicModal) {
    $ionicModal.fromTemplateUrl('my-modal.html', {
        scope: $scope,
        animation: 'slide-in-up'
    }).then(function(modal) {
        $scope.modal = modal;
    });

    $scope.openModal = function() {
        $scope.modal.show();
    };

    $scope.closeModal = function() {
        $scope.modal.hide();
    };
}

Scroll

            <ion-scroll zooming="true" direction="xy" style="width: 500px; height: 500px">
      <div style="width: 5000px; height: 5000px;
      background: url('https://upload.wikimedia.org/wikipedia/commons/a/ad/Europe_geological_map-en.jpg')
      repeat"></div>
</ion-scroll>

Resumen

CSS

CSS

Colores

Header

Footer

Botones

Listas

Tarjetas

Formularios

Toogle

Checkbox

Range

Radio

Select

Columnas

Javascript

Javascript

Modals

Scroll

Spinner

Action Sheet

Gestos y eventos

Navegación

Pull to refresh

CLI

Command-line interface

CLI

Iconos

Iconos