Gradients

Dripsy has a linearGradients field in the theme.

import { makeTheme } from 'dripsy'
const theme = makeTheme({
  linearGradients: {
    sunny: ['red', 'orange'],
  },
})

You can now use the sunny gradient:

const Sunny = () => <Gradient gradient="sunny" />

Installation#

The <Gradient /> component comes from @dripsy/gradient.

Refer to the <Gradient /> docs for installation and usage instructions.