interlay / polkabtc-ui

interBTC App - Mint 1:1 backed BTC on Polkadot and Kusama
https://bridge.interlay.io/
Apache License 2.0
12 stars 5 forks source link

Chanakya/storybook components #215

Closed Chanakya888 closed 3 years ago

Chanakya888 commented 3 years ago

Hey @anton-karlovskiy Can you please look at testbutton.tsx and clear my doubts that I DMed you.

To reiterate, I am bit confused about how we are going to add in colors. My idea is to take in the prop which is defined in ts literals and use it as a variable { border border-${prop-color}': color === COLORS.primary} (this isn't the right syntax but I think you get the idea here)

instead of having individual style statements for colors { 'bg-primary': color === COLORS.primary }, { 'bg-secondary': color === COLORS.secondary }

Please let me know which according to you is the ideal way that we should proceed with