Gradient text

Beta

Crops an element's background to match the shape of the text.

Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.

Useful for effects where you want a gradient background image to be visible through the text.

Import

import {GradientText} from '@fuegokit/react'

<GradientText gradientFrom="#a855f7" gradientTo="#ec4899" size={14}>
  No. 5, 1948, by Jackson Pollock.
</GradientText>

<GradientText gradientFrom="#a855f7" gradientTo="#ec4899" size={14}>
  No. 5, 1948, by Jackson Pollock.
</GradientText>