Ionic Cookbook - Third Edition

How to do it...

The following are the instructions:

1. Open a terminal window, create a new SpinningButton app using the blank template, and navigate to the SpinningButton folder:

$ ionic start SpinningButton blank
$ cd SpinningButton

2. Install dynamics.js using npm, as follows:

npm install dynamics.js --save

3. Open and edit the ./src/pages/home/home.html file to replace the content with the following:

<ion-content class="home">  <div class="my-card" #myCard>    <h1>QUOTE</h1>    <p class="body">Always remember that you are absolutely unique.      Just like everyone else.</p>    <p class="name">Margaret Mead</p>  </div></ion-content><ion-fab center bottom>  <button ion-fab #thisEl (click)="animateMe(thisEl)">    <ion-icon name="mic"></ion-icon>  </button></ion-fab> ...