UNPKG

react-chrono-extra

Version:

A Modern Timeline component for React

github.com/AlSharp/react-chrono-extra

AlSharp/react-chrono-extra

31 lines (30 loc) • 1.67 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/// <reference types="@types/react" /> import { FunctionComponent } from 'react'; import { ContentFooterProps } from './header-footer.model'; /** * ContentFooter * * A functional component that renders the footer of the timeline card. * It displays the read more/less button, progress bar, and triangle icon. * The read more/less button appears only if the content is large. * The progress bar and triangle icon are displayed only if the card is in slideshow mode. * * @property {boolean} showProgressBar - Determines if progress bar should be displayed. * @property {Function} onExpand - Function called when expanding content. * @property {string} triangleDir - Direction of the triangle icon. * @property {boolean} showMore - Determines if 'read more' should be displayed. * @property {boolean} textContentIsLarge - Determines if text content is large. * @property {boolean} showReadMore - Determines if 'read more' button should be displayed. * @property {number} remainInterval - Remaining interval for progress bar. * @property {boolean} paused - Determines if progress is paused. * @property {number} startWidth - Starting width of progress bar. * @property {boolean} canShow - Determines if the element can be shown. * @property {React.RefObject} progressRef - Ref to the progress bar. * @property {boolean} isNested - Determines if component is nested. * @property {boolean} isResuming - Determines if slideshow is resuming. * @property {string | Function} url - Navigate user to URL * * @returns {JSX.Element} ContentFooter component. */ declare const ContentFooter: FunctionComponent<ContentFooterProps>; export { ContentFooter };