this-fifo/jutsu

Custom Width & Height

monomy001 opened this issue · 2 comments

monomy001 commented

Another PR calls, it looks to me you are passing a static 800px by 400px, how to default using this size, but also allow custom size passed as props from component?

gorbypark commented

I'm no css expert, but it looks like the containerStyle object and then the containerStyles prop is being expanded into the style tag of the div, in that order, so adding your own height/width to the containerStyles prop should take precedence. I haven't tested that yet, but have you tried just setting them?

  • 👍1
this-fifo commented

@gorbypark is right, you should be able to override the default styles by adding your own on top if desired, just add a prop like containerStyles={{ width: 'some width', height: 'some height' }} if you simply don't add that prop or pass in a null value the default will be used