Tailwind-Styled-Component icon indicating copy to clipboard operation
Tailwind-Styled-Component copied to clipboard

Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

Results 37 Tailwind-Styled-Component issues
Sort by recently updated
recently updated
newest added

I recently started a new personal project and decided to take the opportunity to learn Tailwind CSS after working with vanilla CSS for a while. I quickly found that it...

Hi Mathias! Thanks for this amazing plugin, im using it in my project and its a big help. I want to know if it's possible to use Keyframes: https://medium.com/@matt.readout/adding-css-animations-with-styled-components-6c191c23b6ba ```...

Hello! I was using `tailwind-styled-components` in another project, and when I ran my build, it was getting caught on a Typescript error coming from this package: ``` > tsc &&...

The bug occurs when: ```js // tailwind.config.js const px0_10 = { ...Array.from(Array(11)).map((_, i) => `${i}px`) }; const px0_100 = { ...Array.from(Array(101)).map((_, i) => `${i}px`) }; const px0_200 = { ...Array.from(Array(201)).map((_,...

There is an error that results in priority when **customizing** the naming of the font size. ### Normal |tailwind-styled-components Tag|Normal Tag|Result| |---|---|---| |![image](https://user-images.githubusercontent.com/79848632/201096964-fd9a7c52-e692-48d8-9076-89acc7d57ff8.png)|![image](https://user-images.githubusercontent.com/79848632/201097023-e99aa6fd-240d-4e45-b9fb-15e2b2e024f4.png)|![image](https://user-images.githubusercontent.com/79848632/201097498-57500197-38d1-4438-8558-47be78c5f96c.png)| ### Customize |tailwind-styled-components Tag|Normal Tag| |---|---| |![image](https://user-images.githubusercontent.com/79848632/201098042-73461905-a152-4d47-9ab4-17a371d55886.png)|![image](https://user-images.githubusercontent.com/79848632/201098183-b7926646-8c9a-48a7-8582-ee083251f980.png)...

I'm extending a component. However, in the result, it is not overriding the parent's style. I want the background to be bg-blue-700 but it's getting the default, which is bg-cyan-700....

Hello, I would like to know. Will there be support for css fragments from styled components or some equivalent? Very simply this is not enough ![image](https://github.com/MathiasGilson/Tailwind-Styled-Component/assets/59291123/c95fc34c-61b4-4cbb-b5af-4e497ab0b4a2) ![image](https://github.com/MathiasGilson/Tailwind-Styled-Component/assets/59291123/60f216ec-671a-454d-a08c-baae66d52377)

I would like this library to support styling any component and not just the ones created with `tw` I have tried styling 2 pre-built components from Next without success. ###...