gomojo-loading-screen

Go Mojo Loading Screen

Install

npm install --save gomojo-loading-screen

Usage

import React, { Component } from 'react'

import LoadingScreen from 'gomojo-loading-screen'
import 'gomojo-loading-screen/dist/index.css'

<LoadingScreen
	isVisible={true}
	message="Your message"
	bgColor="#000"
	bgImage="../path-to-your-background-image"
	color="#FFF"
	fontFamily="HVD"
	fontSize="2rem"
	logo="../path-to-you-logo"
	spinnerColor="#000"
	landscapeGame={true}
/>

Options

Required	Parameter	Type	Example	Description
✓	isVisible	boolean	true	Determine if the component is load or not
✓	message	string	Chargement ...	Loading message
✓	bgColor	string	#FFF	Set the background color
✓	overlayOpacity	string	0.35	Set the overlay opacity
✓	bgMessage	string	rgba(0, 0, 0, 0.2)	Set the message background color
✓	bgImage	string	../path-to-your-background-image	Set the background image
✓	color	string	#000	Set the descritpion's color
✓	fontFamily	string	HVD	Set the font family
✓	fontSize	string	2rem	Set the font size
✓	logo	string	../path-to-your-logo	Set the logo
✓	spinnerColor	string	#FFF	Set the spinner color
✓	landscapeGame	bool	true	Determine if a rotation is necessary on mobile device

License

MIT © bsisic