Skip to content

Slide bracket horizontally like demo on mobile #18

@ElijahPrince73

Description

@ElijahPrince73

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 = () => (

<Bracket
rounds={rounds}
roundTitleComponent={(title) => (

{title}

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

);`

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions