@antd-tiny-vue/cssinjs

[![NPM version][npm-image]][npm-url] [![npm download][download-image]][download-url]
 [![Codecov][codecov-image]][codecov-url] [![bundle size][bundlephobia-image]][bundlephobia-url]

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

Component level cssinjs solution used in antd-tiny-vue. 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

Install


Development

``
npm install
npm dev
`

License

@antd-tiny-vue/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