| title |
|---|
ion-fab-button |
import Props from '@ionic-internal/component-api/v8/fab-button/props.md'; import Events from '@ionic-internal/component-api/v8/fab-button/events.md'; import Methods from '@ionic-internal/component-api/v8/fab-button/methods.md'; import Parts from '@ionic-internal/component-api/v8/fab-button/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/fab-button/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/fab-button/slots.md';
<title>ion-fab-button: Ionic FAB Button Icon for Primary Action</title>import EncapsulationPill from '@components/page/api/EncapsulationPill';
Floating Action Buttons (FABs) represent the primary action in an application. By default, they have a circular shape. When pressed, the button may open more related actions.
As the name suggests, FABs generally float over the content in a fixed position. This is achieved by wrapping the fab button in a fab component. If the button is not wrapped with a fab, it will scroll with the content.
For usage examples, see the fab documentation.