react-loader-quotes

A react component to replace traditional loader icons by showing quotes.

Usage no npm install needed!

<script type="module">
  import reactLoaderQuotes from 'https://cdn.skypack.dev/react-loader-quotes';
</script>

README

React Loader Quotes

Introduction

npm install --save react-loader-quotes

import ReactLoaderQuotes from 'react-loader-quotes';

<ReactLoaderQuotes
    loading={true}
    quotes={[`Nobody likes to wait`, `So let's make it better`, `By displaying quotes`, `While you're waiting`]}
/>

Optional properties

random: false - Display quotes in random order
speed: 1.5 - Set speed of one quote in seconds
backgroundColorLoader: 'yellow'
backgroundColorQuotes: 'black'
backgroundColorBackground: 'black'
opacityBackground: 0.5
fontSizeTitle: '18px'
colorTitle: 'white'
fontFamilyTitle: 'Arial'

Testing

npm test