BackgroundGradient

The BackgroundGradient is a tiny little component to set a gradient. You can also optionally pass it random={true} to get a new gradient each time it renders.

Hello, world!

<BackgroundGradient random={true}>
  <h1 style={{ margin: 0 }}>Hello, world!</h1>
</BackgroundGradient>

Usage

import { BackgroundGradient } from '@blocks/kit'

Table of properties

Name	Type	Description
start	color	Starting color
end	color	Ending color
stop	string	Blending stopping point
angle	string	Angle of the gradient
random	boolean	Randomize the gradient