Add missing fields for react-vertical-timeline (#39149)

Add `contentStyle` and `contentArrowStyle`, see https://stephane-monnot.github.io/react-vertical-timeline/#/?a=verticaltimelineelement-props
This commit is contained in:
Lukas Elmer 2019-10-22 23:47:32 +03:00 committed by Wesley Wigham
parent a7527d297c
commit b6a92689ae
2 changed files with 6 additions and 1 deletions

View File

@ -1,6 +1,7 @@
// Type definitions for react-vertical-timeline-component 2.3
// Type definitions for react-vertical-timeline-component 2.5
// Project: https://github.com/stephane-monnot/react-vertical-timeline, https://stephane-monnot.github.io/react-vertical-timeline
// Definitions by: Stéphane Monnot <https://github.com/stephane-monnot>
// Lukas Elmer <https://github.com/lukaselmer>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8
@ -22,6 +23,8 @@ export interface VerticalTimelineElementProps {
position?: string;
style?: React.CSSProperties;
visibilitySensorProps?: any;
contentStyle?: React.CSSProperties;
contentArrowStyle?: React.CSSProperties;
}
export class VerticalTimeline extends React.Component<VerticalTimelineProps> { }

View File

@ -9,6 +9,8 @@ export default class ReactVerticalTimelineComponentTests extends React.Component
iconOnClick={() => console.info('icon has been clicked')}
className="vertical-timeline-element--work"
date="2012 - present"
contentStyle={{ background: 'rgb(33, 150, 243)', color: '#fff' }}
contentArrowStyle={{ borderRight: '7px solid rgb(33, 150, 243)' }}
>
<h3 className="vertical-timeline-element-title">Creative Director</h3>
<h4 className="vertical-timeline-element-subtitle">Miami, FL</h4>