@emotion/styled (11.14.1)
Published 2026-02-24 13:49:17 +00:00 by atheaadmin
Installation
@emotion:registry=npm install @emotion/styled@11.14.1"@emotion/styled": "11.14.1"About this package
@emotion/styled
The styled API for @emotion/react
Install
yarn add @emotion/react @emotion/styled
Usage
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.
Dependencies
Dependencies
| ID | Version |
|---|---|
| @babel/runtime | ^7.18.3 |
| @emotion/babel-plugin | ^11.13.5 |
| @emotion/is-prop-valid | ^1.3.0 |
| @emotion/serialize | ^1.3.3 |
| @emotion/use-insertion-effect-with-fallbacks | ^1.2.0 |
| @emotion/utils | ^1.4.2 |
Development Dependencies
| ID | Version |
|---|---|
| @definitelytyped/dtslint | 0.0.112 |
| @emotion/react | 11.14.0 |
| react | 16.14.0 |
| typescript | ^5.4.5 |
Peer Dependencies
| ID | Version |
|---|---|
| @emotion/react | ^11.0.0-rc.0 |
| react | >=16.8.0 |