g-loot / react-tournament-brackets

React component library for displaying bracket leaderboards
https://sleepy-kare-d8538d.netlify.app/?path=/story/components-bracket--bracket
GNU Lesser General Public License v2.1
219 stars 69 forks source link

Feature: Need ability to larger heights of match cell #26

Closed ElijahPrince73 closed 1 year ago

ElijahPrince73 commented 2 years ago

Screen Shot 2022-05-25 at 1 43 04 PM Screen Shot 2022-05-25 at 1 43 44 PM

Shenato commented 1 year ago

You can do this by setting the boxHeight in the options.style prop of the bracket like so:

<SingleElimBracketLeaderboard
  // currentRound={4}
  svgWrapper={({ children, ...props }) => (
    <StyledSvgViewer width={finalWidth} height={finalHeight} {...props}>
      {children}
    </StyledSvgViewer>
  )}
  options={{
    style: {
      boxHeight: 150,
    },
  }}
  {...args}
/>

I should probably list all the options in the documentation but I assume you should be able to get intellisense from the types defined in VSCode when writing options for your bracket.