title: How to make a gradient background in React with single color?
body: <p>I want to make a Gradient Background for a Component in React like shown in the image below</p>
  
  <p><a href="https://www.wallpapermaiden.com/wallpaper/22011/download/2560x1600/blue-gradient.png" rel="nofollow noreferrer">Gradient of the same colour</a></p>
  
  <p>I want to do it like: <code>&lt;Box colour ="blue"&gt;&lt;/Box&gt;</code> where the styles for these components will be like </p>
  
  <pre><code>backgroundColor="this.props.colour"
  </code></pre>
  
  <p>now I just want to pass the colour prop, I don't want to pass two colours also the colour will be in hex code.</p>