Slide bracket horizontally like demo on mobile

mohux / react-brackets

Reusable and customizable react brackets component, you can use it to build components such as single elimination, or double elimination brackets

105 stars 47 forks source link

Open ElijahPrince73 opened 2 years ago

ElijahPrince73 commented 2 years ago

I want to be able to scroll horizontally on mobile and not change the view to a column layout

How can I do that Screen Shot 2022-04-20 at 5 34 56 PM

`const CustomSeed = ({ seed, breakpoint, roundIndex, seedIndex }) => (

{seed.teams[0]?.name || 'NO TEAM '} {seed.teams[1]?.name || 'NO TEAM '}

); const Component = () => ( (

{title}

)} renderSeedComponent={CustomSeed} swipeableProps={{ enableMouseEvents: true, animateHeight: true, style: { padding: '0 50px 0 0', }, }} /> );`

MahmoudTarekAli commented 1 year ago

same issue did you find a solution yet ?

MWTuttle commented 1 year ago

Have both of you been successful in getting this to run on mobile?

MahmoudTarekAli commented 1 year ago

No ended up using a different library called @g-loot/react-tournament-brackets