Emotion JS support for Solid JS.
npm i emotion-solid
# or
yarn add emotion-solidimport { styled } from 'emotion-solid'
export type ButtonProps = {
block?: boolean
}
const StyledButton = styled('button')<ButtonProps>(
{
display: 'inline-block',
padding: '8px 6px',
borderRadius: 8,
},
({ block }) =>
block && {
display: 'block',
width: '100%',
}
)
const Button: Component<ButtonProps> = (props) => {
return <StyledButton {...props}>{props.children}</StyledButton>
}
export default Buttonimport { render } from 'solid-js/web'
import Button from './Button'
function App() {
return <Button block>Click Me</Button>
}
render(() => <App />, document.getElementById('app'))Contributions are more than welcome. If you see any changes fit, go ahead and open an issue or PR.
Any support is a huge motivation, thank you very much!
