文件名称:atomize:用于创建原子React组件的库
文件大小:159KB
文件格式:ZIP
更新时间:2024-06-03 23:28:21
react styled-components css-in-js quarkly JavaScript
@ quarkly / atomize Atomize是一个用于创建原子React组件的库。 受和启发。 特征 创建支持原子CSS和主题的组件 设置特定媒体断点的样式 在复合CSS属性中使用主题中的变量 支持悬停和任何其他伪类 每个属性的简短别名 一般资源 演示版 安装与使用 在开始使用Atomize之前,您需要设置依赖关系: npm i @quarkly/atomize styled-components Atomize用作样式组件的包装,并具有类似的API。 只需使用所需元素的名称调用该方法: import atomize from '@quarkly/atomize' ; const Box = atomize . div ( ) ; 结果,我们获得了React组件,该组件可以采用任何CSS形式的属性。 < Box backgroundColor = "red" /
【文件预览】:
atomize-master
----.gitignore(79B)
----README.md(10KB)
----.github()
--------workflows()
----test()
--------flex-box.js(719B)
--------sc-integration()
----.prettierrc(359B)
----docs()
--------logo.png(14KB)
--------aliases.md(7KB)
----LICENSE(1KB)
----.eslintrc(946B)
----package.json(2KB)
----src()
--------prop-info()
--------utils()
--------constants()
--------atomic-styles()
--------index.js(438B)
----.babelrc(433B)
----scripts()
--------genAliases.js(592B)
----jest.config.js(70B)
----.eslintignore(18B)
----.npmignore(126B)
----.editorconfig(415B)
----package-lock.json(484KB)