dw-neit-cssinjs

[![NPM version][npm-image]][npm-url] [![npm download][download-image]][download-url]  [![build status][github-actions-image]][github-actions-url] [![Codecov][codecov-image]][codecov-url] [![bundle size][bundlephobia-image]][bundlephobia-url]

[npm-image]: http://img.shields.io/npm/v/dw-neit-cssinjs.svg?style=flat-square
[npm-url]: http://npmjs.org/package/dw-neit-cssinjs
[github-actions-image]: https://github.com/ant-design/cssinjs/workflows/CI/badge.svg
[github-actions-url]: https://github.com/ant-design/cssinjs/actions
[codecov-image]: https://img.shields.io/codecov/c/github/ant-design/cssinjs/master.svg?style=flat-square
[codecov-url]: https://codecov.io/gh/ant-design/cssinjs/branch/master
[download-image]: https://img.shields.io/npm/dm/dw-neit-cssinjs.svg?style=flat-square
[download-url]: https://npmjs.org/package/dw-neit-cssinjs
[bundlephobia-url]: https://bundlephobia.com/result?p=dw-neit-cssinjs
[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/dw-neit-cssinjs

Component level cssinjs solution used in ant.design. It's a subset of Emotion with design token logic wrapper. Please feel free to use emotion directly if you want to find a web cssinjs solution. cssinjs related dep packages:

- stylis
- @emotion/hash
- @emotion/unitless

Live Demo

https://ant-design.github.io/cssinjs/

Install

``bash
npm install dw-neit-cssinjs
`

or

`bash
yarn add dw-neit-cssinjs
`

`bash
pnpm add dw-neit-cssinjs
`

Development

`
npm install
npm start
`

License

dw-neit-cssinjs is released under the MIT license.

API

$3

| Prop | Desc | Type | Default |
| --- | --- | --- | --- |
| autoClear | Clear inject style element when component remove. | boolean | false |
| cache | Config cssinjs cache entity. Only set when you need ssr to extract style on you own. | CacheEntity | - |
| hashPriority | Use :where selector to reduce hashId css selector priority | 'low' \| 'high' | 'low' |
| container | Tell cssinjs where to inject style in. | Element \| ShadowRoot | document.head |
| ssrInline | Component wil render inline