Makes styling components easier.
Desygna is a simple, powerful, and extensible styling library which is built on top of Emotion 👩🎤 and Styled System ✨
It provides typesafe css-in-js helpers that makes easier to create variant based components.
// First, install peer dependencies
npm install @emotion/react@^11.10.0 @emotion/styled@^11.10.0 styled-system@^5.1.5
// Then install Desygna
npm install @desygna/desygna
Checkout documentation here: https://desygna.vercel.app/
Component | Props |
---|---|
Box |
All system props |
Button |
All system props |
Paragraph |
All system props |
Span |
All system props |
Flex |
Only flexbox system props |
Grid |
Only grid system props |
Absolute |
Only position system props |