32 lines
471 B
Markdown
32 lines
471 B
Markdown
|
# @emotion/styled
|
||
|
|
|
||
|
|
> The styled API for @emotion/react
|
||
|
|
|
||
|
|
## Install
|
||
|
|
|
||
|
|
```bash
|
||
|
|
yarn add @emotion/react @emotion/styled
|
||
|
|
```
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
```jsx
|
||
|
|
import styled from '@emotion/styled'
|
||
|
|
|
||
|
|
let SomeComp = styled.div({
|
||
|
|
color: 'hotpink'
|
||
|
|
})
|
||
|
|
|
||
|
|
let AnotherComp = styled.div`
|
||
|
|
color: ${props => props.color};
|
||
|
|
`
|
||
|
|
|
||
|
|
render(
|
||
|
|
<SomeComp>
|
||
|
|
<AnotherComp color="green" />
|
||
|
|
</SomeComp>
|
||
|
|
)
|
||
|
|
```
|
||
|
|
|
||
|
|
More documentation is available at [https://emotion.sh/docs/styled](https://emotion.sh/docs/styled).
|