TwStyle[] Typescript #857
-
Hello all, I'm running into a lot of problems using twin.macro with Typescript. I was using it previously doing this:
Now with typecript, it breaks and says:
I am using Goober, and using the example types don't seem to help. Any tips? Thank you. |
Beta Was this translation helpful? Give feedback.
Answered by
ben-rogerson
Apr 11, 2024
Replies: 1 comment 1 reply
-
Unfortunately Goober doesn't have the array styles capability like Emotion or Styled components - that's why I've used a slightly different example, but it does allow object styles. <div
className={css({
...tw`relative z-0 col-span-1 px-5 pt-5 text-gray-800 bg-white border border-gray-200 shadow-sm max-h-fit`,
...(design === "1" && tw`rounded-3xl max-w-[250px]`),
...(design === "2" && tw`rounded-3xl max-w-[300px]`),
...(design === "3" && tw`rounded-none max-w-[350px]`),
})}
/> |
Beta Was this translation helpful? Give feedback.
1 reply
Answer selected by
debatz
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Unfortunately Goober doesn't have the array styles capability like Emotion or Styled components - that's why I've used a slightly different example, but it does allow object styles.
Try something like this: