MARKETPLACE
PLUGINS
BUTTON ENHANCER (ICON SPINNER)
Button enhancer (Icon spinner) logo

Button enhancer (Icon spinner)

Published October 2024
   •    Updated this week

Plugin details

Enhances the native bubble button.
----CURRENT FEATURES---

⭐ Icon spinner

This lets you make the button icon spin to enhance user experience like when something is loading.

More coming.

Free

For everyone

stars   •   0 ratings
46 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Createbase logo
Createbase
Joined 2021   •   5 Plugins
View contributor profile

Instructions

⭐ ICON SPINNER ⭐
1. Add the ⭐ Icon spinner plugin element to your page.

Configure the following properties:

---  ID Attribute: Enter a ID. This will need to match the Attribute ID you've set for your target button(s).

---  Spin Speed: Enter a number to set the rotation speed in seconds. Lower values result in faster spinning. Default is 2 seconds per rotation.

--- Reverse Spin: Check the checkbox for counterclockwise rotation, or leave it for clockwise rotation.

2. Ensure your target button type includes a icon, and select a icon good for loading animations like 'loader' in the feather bundle.

3. The plugin will automatically apply the spinning animation to the SVG icon of the button with the matching ID.

Tips:

- To make the button only spin when something is loading, set a state to the button called 'loading' as a yes/no and defaulted to 'No'. Then go to the buttons conditionals and express "When..This button loading is yes", then in that conditional set the Attribute ID to the ID you specified in the plugin and chnage the icon to the icon you want. Done!


- The animation will update whenever you change the ID Attribute, allowing you to dynamically control which button is animated. So multiple buttons can have different spin settings.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Image   •   Containers   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble