You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
I want to remove the control bar at the top of the Chrono component.
So I searched the API and used the hideControls property, but it does not disappear.
To Reproduce
Steps to reproduce the behavior:
import{Chrono}from'react-chrono';constTimeline=()=>{constitems=[{title: 'January 2022',cardTitle: 'Event 1',cardSubtitle: 'Event 1 Subtitle',cardDetailedText: ['This is the first event on the timeline.','And so on..',],},];return(<divclassName="w-full"><Chronoitems={items.map((item)=>({
...item,cardDetailedText: item.cardDetailedText.map((text,index)=>(<spankey={index}className="text-sm">{text}</span>)),}))}mode="VERTICAL"hideControlstheme={{primary: '#4B5563',secondary: '#D1D5DB'}}/></div>);};exportdefaultTimeline;
As in the code above, I used the hideControls property properly. But it doesn't go away.
Expected behavior
If used, it will be a really simple and convenient component.
Screenshots
Desktop (please complete the following information):
OS - Windows
Browser - Chrome, Edge
Version - most recent version
Additional context
It is being developed using React.tsx and is being developed as a mobile first screen. Is this by any chance a problem? hideControls="true", hideControls={true}
I tried both of the above but they didn't work.
The text was updated successfully, but these errors were encountered:
#478 Looking at the changes, it appears that hideControls props has disappeared altogether.
Therefore, I think you can use disableToolbar in the future! 👍
Describe the bug
I want to remove the control bar at the top of the Chrono component.
So I searched the API and used the
hideControls
property, but it does not disappear.To Reproduce
Steps to reproduce the behavior:
As in the code above, I used the
hideControls
property properly. But it doesn't go away.Expected behavior
If used, it will be a really simple and convenient component.
Screenshots
Desktop (please complete the following information):
Additional context
It is being developed using React.tsx and is being developed as a mobile first screen. Is this by any chance a problem?
hideControls="true"
,hideControls={true}
I tried both of the above but they didn't work.
The text was updated successfully, but these errors were encountered: