Reproduce fab button example animation

Hello

I would like to know how I can reproduce the animation of the “add” button that ionic uses for its examples in the following link:
https://ionicframework.com/docs/api/fab

my project is in angular

Which Add button? Everything you see there is the default and should be available out of the box.

i use this code

  <ion-fab horizontal="end" vertical="bottom" slot="fixed">
    <ion-fab-button color="secondary" mode="ios">
      <ion-icon name="add"></ion-icon>
    </ion-fab-button>
  </ion-fab>

but when I click on the button, it remains static,
in the example of the link the button makes a response animation
what am I doing wrong?

Are you expecting the ripple animation? or something else?

exactly, in the emulator, in ios mode, the button expands and shrinks when clicking
i would like to know how I can reproduce the animation

Set the mode attribute, and the button will perform the animation for that platform regard of what platform is it truly running on.

I put the mode but it does not make any animation, it seems to be an issue

  <ion-fab horizontal="end" vertical="bottom" slot="fixed">
    <ion-fab-button color="secondary" mode="ios">
      <ion-icon name="add"></ion-icon>
    </ion-fab-button>
  </ion-fab>
1 Like