@douyinfe/semi-ui
Version:
A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.
35 lines (34 loc) • 1.28 kB
TypeScript
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import '@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css';
export interface TimelineItemProps {
color?: string;
children?: React.ReactNode;
time?: React.ReactNode;
type?: 'default' | 'ongoing' | 'success' | 'warning' | 'error';
dot?: React.ReactNode;
extra?: React.ReactNode;
position?: 'left' | 'right';
className?: string;
style?: React.CSSProperties;
onClick?: React.MouseEventHandler<HTMLLIElement>;
}
export default class Item extends PureComponent<TimelineItemProps> {
static propTypes: {
color: PropTypes.Requireable<string>;
time: PropTypes.Requireable<PropTypes.ReactNodeLike>;
type: PropTypes.Requireable<string>;
dot: PropTypes.Requireable<PropTypes.ReactNodeLike>;
extra: PropTypes.Requireable<PropTypes.ReactNodeLike>;
position: PropTypes.Requireable<string>;
className: PropTypes.Requireable<string>;
style: PropTypes.Requireable<object>;
onClick: PropTypes.Requireable<(...args: any[]) => any>;
};
static defaultProps: {
type: string;
time: string;
onClick: (...args: any[]) => void;
};
render(): React.JSX.Element;
}