@ahl389/react-rainbowify

Turn your react text into rainbows!

Usage no npm install needed!

<script type="module">
  import ahl389ReactRainbowify from 'https://cdn.skypack.dev/@ahl389/react-rainbowify';
</script>

README

Rainbowify

Turn all your React.js text into rainbows 🌈

Install

Install the npm package in your React app:

npm install @ahl389/react-rainbowify

Usage

Import the package at the top of your React component:

import rainbowify from '@ahl389/react-rainbowify';

Wrap the desired JSX in a call to rainbowify():

function App() {
  return (
    rainbowify(<><h1>Hello, and welcome to Rainbowify.</h1><p>Everything here is gay.</p></>) 
  );
}

If you don't want to use the default rainbow colors, you can pass an array of hex codes to be used instead as a second argument. If you use a custom color array, there's no limit on the number of colors you can add, but you must use valid hex codes: '#800080'

function App() {
  const customColors = ['#800080', '#000080', '#FF00FF'];

  return (
    rainbowify(<><h1>Hello, and welcome to Rainbowify.</h1><p>Everything here is gay.</p></>, customColors) 
  );
}

Have fun!