TimelineElement
Used to display a chronologic event inside Timeline component.
Registration
The registration period has ended.
05/01/2022Analysis
All subscriptions was analyzed.
05/28/2022Results
The results are available now.
06/01/2022Props:
title
Description: Define the balloon title. Type: String. Required.
content
Description: Define the balloon content. Type: String. Required.
date
Description: Define the TimelineElement date. Type: String. Required.
icon
Description: Render an icon. Type: ReactNode.
iconBgColor
Description: Sets the Icon background color. Type: String.
balloonStyle
Description: Balloon style. Type: CSSProperties.
<TimelineComponent animated > <TimelineElementComponent title='Registration' date='05/01/2022' content='The registration period has ended.' icon={<MdAccessTime />} /> <TimelineElementComponent title='Analysis' date='05/28/2022' content='All subscriptions was analyzed.' icon={<MdCheckCircleOutline />} /> <TimelineElement title='Results' date='06/01/2022' content='The results are available now.' icon={<MdStar />} /> </TimelineComponent>