Logoloader

A custom preloader component for React and Next.js

Note: This package is for personal testing and learning purposes. It may not be suitable for production use.

Installation

Install the Logoloader package from npm:

npm install remcostoeten/logoloader

Usage

Import the Logoloader component and use it in your React or Next.js application:

import Logoloader from 'logoloader';
import { ReactComponent as MySvg } from './mySvg.svg';

function MyComponent() {
	return (
		<div>
			<Logoloader word="Hello" delay={3000} svgComponent={<MySvg />} />
		</div>
	);
}

export default MyComponent;

Props

The Logoloader component accepts the following props:

• word (string, required): The word to display in the preloader.
• delay (number, required): The delay in milliseconds before showing the animation.
• svgComponent (ReactNode, required): The SVG component to display alongside the word.

License