Gradient

import { Gradient } from "@prismane/core";

By default, Gradient has the values of from - ["primary", 500], to - ["primary", 300], deg - 90

<Gradient w={360} h={120} />

By providing values to the from and to props, you can change the start and end colors of the gradient.

<Gradient w={360} h={120} from="teal" to="amethyst" />

By changing the value of the deg prop, you can change the degrees of the gradient.

<Gradient w={360} h={120} from="ruby" to="lime" deg={45} />

<Gradient
  as="a"
  href="https://www.google.com"
  target="_blank"
  w={360}
  h={120}
  from="copper"
  to="pink"
  deg={135}
/>

Please refer to the documentation below for a comprehensive overview of all the available props and classes for the mentioned components.

• - Gradient