solid-styled-components
solid-styled-components copied to clipboard
solidjs
A 1kb Styled Components library for Solid
How to include `css` in `createGlobalStyle` ``` someStyle = css`` globalStyle = createGlobalStyle` ${SomeStyle} ` ``` Ex: - Separating global styles into different smaller manageable units
Hi, When using `styled`, the `props` passed to the component are added to the HTML element as attributes. For instance, the following component: ```tsx type AppProps = { foo: boolean;...
In Styled-Components (React), vendor prefixes are generated automatically, but in solid-styled-components it seems not to be the case. So how should it be done? Maybe there's a way to use...
Hi, when referencing another styled component like this: ```ts const Parent = styled('div')`` const Child = styled('div')` ${Parent}.active & { background: blue; } ` ``` It works but generates the...
Repo with code: https://github.com/Kisuyo/todo What I did was create this component: https://github.com/Kisuyo/todo/blob/master/src/components/HamburgerMenu.tsx And then try use it: https://github.com/Kisuyo/todo/blob/master/src/routes/index.tsx#L42 I get this error: Not sure how to read it to fix...
The ThemeProp needs to be changed from optional to required if the ThemeProvider has theme as required. This is causing props to be either DefaultTheme | undefined, when a theme...
If anyone would like to use [motion one](https://github.com/motiondivision/motionone) animation library. [Motion one](https://github.com/motiondivision/motionone) which can provide awesome physics based spring animations. Declare your styles like so ```javascript const Button = styled.Motion("button")`...
Current `DefaultTheme` interface already suggests that default value for theme has to be an empty object: `export interface DefaultTheme {}` Enforcing this would allow users to avoid annoying non-null assertions.
this package does not work with solidStart their is layout shift, all html elements have a 1 sec period without styles then they load