Open a "submenu" from footer toolbar Angular

Hi everyone, im new here. I need some help in how to show a submenu when you tap a button in the footer toolbar i want to achieve something like this:

Captura de pantalla 2021-10-07 100235

And when you tap a button show this submenu:
Captura de pantalla 2021-10-06 173958

Forget about the blur effect i just need to display somenthig like that
I was wonderring if a can achieve this through tabs but i dont really know.
Another way that occurs to me is put the 4 buttons in footer and when tap display a card…
Can you help to think this please?


I’d use tabbar to create the bottom bar. Add a click hadler to show the bottom card

I think the bottom card needs to be styled manually using css and div. U can place FAB in there using a grid or so. U need to give the card a z-index to become an overlag and use position properties to place it properly

Question would be where to place the div- in ion-tab I’d say is best and then you need tonfigure out how to position above