react-playground
    Preparing search index...

    Function WaveBoxProvider

    • WaveBoxProvider component that provides the context for the WaveBox. It manages the tick state that is used to animate the wave-like behavior.

      Parameters

      • props: {
            children: ReactNode;
            heightCycle: number;
            interval?: number;
            maxHeight: number;
            maxWidth: number;
            minHeight: number;
            minWidth: number;
            widthCycle: number;
        }
        • children: ReactNode

          The content to be rendered inside the WaveBoxProvider.

        • heightCycle: number

          The cycle duration for the height animation.

        • Optionalinterval?: number

          The interval in milliseconds for updating the tick state (default is 10ms).

        • maxHeight: number

          The maximum height of the WaveBox.

        • maxWidth: number

          The maximum width of the WaveBox.

        • minHeight: number

          The minimum height of the WaveBox.

        • minWidth: number

          The minimum width of the WaveBox.

        • widthCycle: number

          The cycle duration for the width animation.

      Returns Element

      The rendered WaveBoxProvider component.