@progress/kendo-react-animation
Version:
React Animation component assists with animating HTML elements. KendoReact Animation package
63 lines (62 loc) • 2.1 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { default as PropTypes } from 'prop-types';
import { AnimationInterface } from './AnimationInterface.js';
import * as React from 'react';
/**
* Represents the props of the [KendoReact Fade Animation component](https://www.telerik.com/kendo-react-ui/components/animation/types#toc-fade).
*/
export interface FadeProps extends AnimationInterface {
/**
* A function for customizing the rendering of child elements.
*
* @example
* <Fade childFactory={(child) => React.cloneElement(child, { draggable: true })} />
*/
childFactory?: any;
/**
* Specifies the CSS class names to be applied to the Animation container.
*
* @example
* <Fade className="fade-animation" />
*/
className?: string;
/**
* Specifies the HTML tag of the parent Animation container.
*
* @default "div"
* @example
* <Fade component="header" />
*/
component?: React.ReactNode;
/**
* Specifies the `id` attribute of the Animation container.
*
* @example
* <Fade id="fade-animation-container" />
*/
id?: string;
/**
* Specifies the inline styles to be applied to the Animation container.
*
* @example
* <Fade style={{ color: "blue" }} />
*/
style?: any;
}
export declare const Fade: {
(props: FadeProps): React.JSX.Element;
propTypes: {
children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
childFactory: PropTypes.Requireable<any>;
className: PropTypes.Requireable<string>;
component: PropTypes.Requireable<PropTypes.ReactNodeLike>;
id: PropTypes.Requireable<string>;
style: PropTypes.Requireable<any>;
};
};