react-playground
    Preparing search index...
    • WaveBox component that animates its width and height in a wave-like manner.

      Parameters

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

        The properties for the WaveBox component.

        • children: ReactNode

          The content to be rendered inside the WaveBox.

        • heightCycle: number

          The cycle duration for the height animation.

        • Optionalinterval?: number

          The interval in milliseconds for updating the wave animation (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 WaveBox component.