Skip to main content
Version: v10

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, refer to 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.