Rotate

Reference

• The Rotate component is a styled <div>.
• It applies a continuous 360-degree rotation animation, making it useful for indicating loading or other dynamic effects.

Usage Example

function Example(pageContext) {
    const { protrakComponents } = React.useContext(customWidgetContext);
    const { Rotate } = protrakComponents;
    return(
    <Rotate>
        <span>🔄</span>
    </Rotate>
    );
}

• This wraps the content (e.g., an icon or text) in a continuously rotating animation.