Gradient Text

Add a gradient fill to any text.

Gradient Title

Anatomy

import { GradientText } from "@lualtek/react-components";
 
export default () => {
  return <GradientText>Gradient Title</GradientText>;
};

API Reference

export type GradientTextProps = HTMLAttributes<HTMLSpanElement> & {
  /**
   * The gradient name to use from predefined gradients.
   * @default 'rainbow'
   */
  gradient?: "rainbow" | "brand" | "primary" | "cyan" | "dawn";
 
  /**
   * The starting color stop of the gradient.
   */
  colorStart?: string;
 
  /**
   * The end color stop of the gradient.
   */
  colorEnd?: string;
};

Clamp Text List