search

stephane-monnot / react-vertical-timeline

Vertical timeline for React.js
https://stephane-monnot.github.io/react-vertical-timeline/
MIT License
1.08k stars 158 forks source link

Adding documentation for custom line color #66

Closed avgupta456 closed 2 years ago

avgupta456 commented 4 years ago

I was looking to duplicate the effect for changing the vertical line color, and couldn't find documentation anywhere. After digging around, I realized adding a className for the VerticalTimeline component with this CSS (class_name:before {background: black;}) has the desired effect. Is this already in the documentation, or can it be added? Thanks!

stephane-monnot commented 4 years ago

You can find examples here : https://github.com/stephane-monnot/react-vertical-timeline/tree/master/docs

Maybe we could add to the documentation in the future.

a-chris commented 4 years ago

Yes please, I spent two hours trying to figure out how to change the line color before to find this issue

douglasrcjames commented 3 years ago

Bumping this, seems like a pretty common use case to include an example on how to do this, if not adding a prop to the VerticalTimeline component to change the line styling. For others, this is how I did it:

styles.css: .custom-line:before {background: $blue;} Timeline.js:

<VerticalTimeline className="custom-line">
                    <VerticalTimelineElement>
....