react-native-ui-lib/src/components/fader/index.d.ts

[](https://stand-with-ukraine.pp.ua)

import React from 'react';
import { ImageProps } from '../image';
export declare enum FaderPosition {
    START = "START",
    END = "END",
    TOP = "TOP",
    BOTTOM = "BOTTOM"
}
export type FaderProps = Pick<ImageProps, 'supportRTL'> & {
    /**
     * Whether the fader is visible (default is true)
     */
    visible?: boolean;
    /**
     * The position of the fader (the image is different), defaults to Fader.position.END
     */
    position?: FaderPosition | `${FaderPosition}`;
    /**
     * Set to change from the default size (50) of the fade view.
     */
    size?: number;
    /**
     * Change the default tint color of the fade view.
     */
    tintColor?: string;
};
/**
 * @description: A gradient fading overlay to render on top of overflowing content (like scroll component)
 * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/FaderScreen.tsx
 * @gif: https://github.com/wix/react-native-ui-lib/blob/master/demo/showcase/Fader/Fader.gif?raw=true
 */
declare function Fader(props: FaderProps): React.JSX.Element;
declare namespace Fader {
    var displayName: string;
    var position: typeof FaderPosition;
}
export default Fader;