• GitHub

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

NameTypeDescription
startcolorStarting color
endcolorEnding color
stopstringBlending stopping point
anglestringAngle of the gradient
randombooleanRandomize the gradient