Skip to main content
Version: v9

ion-fab-list

shadow

The fab list component is a container for multiple fab buttons. It contains actions related to the main fab button and is flung out on click. To specify what side the buttons should appear on, set the side property to "start", "end", "top", or "bottom".

For usage examples, see the fab documentation.

Properties

activated

DescriptionIf true, the fab list will show all fab buttons in the list.
Attributeactivated
Typeboolean
Defaultfalse

mode

DescriptionThe mode determines the platform behaviors of the component.

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributemode
Type"ios" | "md"
Defaultundefined

side

DescriptionThe side the fab list will show on relative to the main fab button.
Attributeside
Type"bottom" | "end" | "start" | "top"
Default'bottom'

theme

DescriptionThe theme determines the visual appearance of the component.

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributetheme
Type"ios" | "md" | "ionic"
Defaultundefined

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Properties

No CSS custom properties available for this component.

Slots

No slots available for this component.