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
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>