Class: Busy

Description: The Busy component renders a visual indicator of loading activity using the BallTriangle animation from the react-loading-icons library. This component is intended to be displayed when the application is performing an asynchronous operation and needs to provide feedback to the user that something is happening.

Methods

Method: Busy

Description: This is the main function of the component, accepting props and returning a JSX element representing the busy state.

Parameters:

  • props (Object): A set of props that can be passed to the component.
    • (Optional) className (string): An optional custom class name to apply to the div element. Defaults to "busy".
    • (Optional) stroke (string): An optional color value to override the default stroke color of the BallTriangle animation. Defaults to "#26de81".

Returns:

  • JSX.Element: A JSX element that renders a div element containing a BallTriangle loading animation.

Example:

import Busy from './Busy';

// Render the Busy component with default props
<Busy /> 

// Render the Busy component with a custom className and stroke color
<Busy className="my-busy-indicator" stroke="#ff0000" />