Installation

1. Install

First, you need to install peer dependencies:

npm

npm install @emotion/react@^11.10.0 @emotion/styled@^11.10.0 styled-system@^5.1.5 @styled-system/should-forward-prop@^5.1.5

Yarn

yarn add @emotion/react@^11.10.0 @emotion/styled@^11.10.0 styled-system@^5.1.5 @styled-system/should-forward-prop@^5.1.5

pnpm

pnpm add @emotion/react@^11.10.0 @emotion/styled@^11.10.0 styled-system@^5.1.5 @styled-system/should-forward-prop@^5.1.5

Install the package through npm or yarn:

npm

npm install @desygna/desygna
// or
// npm install @desygna/desygna-core

Yarn

yarn add @desygna/desygna
// or
// yarn add @desygna/desygna-core

pnpm

pnpm add @desygna/desygna
// or
// pnpm add @desygna/desygna-core

---

2. Setup environment

To enable Emotion JSX transform for styling, you will need to add the following options to the compilerOptions section of your tsconfig.json:

{
  "compilerOptions": {
    // other settings...
    "jsx": "react-jsx",
    "jsxImportSource": "@emotion/react"
  }
}