stephane-monnot / react-vertical-timeline

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

Link in timeline element #82

Closed PremKolar closed 3 years ago

PremKolar commented 3 years ago

Hi Stephane, Could you give me a hint how I could add a link into a timeline element? I want to link directly to a thesis... thanks!!! Niko

PremKolar commented 3 years ago

ive found a way


 <VerticalTimelineElement
        className={"vertical-timeline-element--edu" + index}
        date={value.startDate + " - " + value.endDate}
        iconStyle={{ background: "rgb(150, 150, 243)", color: "#fff" }}
        icon={<SchoolIcon />}
      >
        <h3 className="vertical-timeline-element-title">{value.studyType}</h3>
        <h4 className="vertical-timeline-element-subtitle">{value.area}</h4>
        <p>{value.thesis ? <Link to={value.thesislink}>{"Thesis: "+value.thesis}</Link> : null}</p>
        <p>{value.grade ? "final grade: " + value.grade : null}</p>
      </VerticalTimelineElement>