preact-emotion v9.2.12
preact-emotion
The styled API for emotion and preact
preact-emotion
exports styled
which allows you to use emotion to create Preact components that have styles attached to them, it also exports all of emotion
's exports.
For more documentation on styled
, read about it and try it out in the styled
docs
npm install --save emotion preact-emotion
// @live
import styled, { css } from 'preact-emotion'
const SomeComponent = styled('div')`
display: flex;
background-color: ${props => props.color};
`
const AnotherComponent = styled('h1')(
{
color: 'hotpink'
},
props => ({ flex: props.flex })
)
render(
<SomeComponent color="#DA70D6">
<AnotherComponent flex={1}>Some text.</AnotherComponent>
</SomeComponent>
)
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago