You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
As you can see above, I pass css props to SelectButton.
and SelectButton.Root has default css, height and padding already defined.
So when I run it on local server the css className is like in the below picture.
as you can see, 1 className and the default height and padding have been overridden and ignored.
that is what i want.
but in build result, below picture
The css I put in the stories file was ignored.
of course, i can increase CSS priority with && selector or fix it with !important.
but i don't wanna use these methods
I would like to modify the build configuration so that the class name is one, or the value entered as CSS props in the parent component is applied first. Except for Storybook, other services work as described.
I tried many ways but couldn't find it.
If anyone knows, please let me know.
ah! Previously, I used Storybook 6 and webpack4, and there were no problems back then.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Summary
Hello, i am using storybook8, vite, emotion
in xxx.stories.tsx
As you can see above, I pass css props to SelectButton.
and SelectButton.Root has default css, height and padding already defined.
So when I run it on local server the css className is like in the below picture.
as you can see, 1 className and the default height and padding have been overridden and ignored.
that is what i want.
but in build result, below picture
The css I put in the stories file was ignored.
of course, i can increase CSS priority with && selector or fix it with !important.
but i don't wanna use these methods
I would like to modify the build configuration so that the class name is one, or the value entered as CSS props in the parent component is applied first. Except for Storybook, other services work as described.
I tried many ways but couldn't find it.
If anyone knows, please let me know.
ah! Previously, I used Storybook 6 and webpack4, and there were no problems back then.
thank you for reading
Additional information
No response
Create a reproduction
No response
Beta Was this translation helpful? Give feedback.
All reactions