Gomojo-loading-screen NPM

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

@types/react @types/react-dom @types/styled-components react-device-detect react-dom

@infinitebrahmanuniverse/nolb-gom @everything-registry/sub-chunk-1776

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago