reaviz/dist/common/Gradient/Gradient.d.ts

Data Visualization using React

import { FC, ReactElement } from 'react';
import { GradientStop, GradientStopProps } from './GradientStop';
export interface GradientProps {
    /**
     * Unique id for the gradient. Set internally by the parent component.
     */
    id: string;
    /**
     * Gradient stops to render.
     *
     * @default `[<GradientStop offset="0%" stopOpacity={0.3} />, <GradientStop offset="80%" stopOpacity={1} />]`
     */
    stops: ReactElement<GradientStopProps, typeof GradientStop>[];
    /**
     * Base color of the gradient.
     */
    color?: string;
    /**
     * Direction of the gradient.
     *
     * @default 'vertical'
     */
    direction: 'vertical' | 'horizontal' | 'radial';
}
export declare const Gradient: FC<Partial<GradientProps>>;