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