⭐ 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: