Framework7 - Action Button



Framework7 provides floating action button for a promoted action. They appear as a floating circled icon over the UI. It has the motion behaviors that contain morphing, launching, and transferring an anchor point.

Floating action button is only supported in Material theme.

The following table lists the action buttons types used in Framework7 −

S.No Types & Description
1 Floating Action Button Layout

It is very simple; you just need to place it as a child of page or view.

2 Morph To Popover

If you want to open popover on clicking the floating action button then you can use floating-button-to-popover class.

3 Speed Dial

You can invoke related actions upon clicking the floating action button by using speed dial.