【文件属性】：
文件名称：claxed:具有相同样式的样式组件的类
文件大小：227KB
文件格式：ZIP
更新时间：2021-04-30 11:17:52
react components styled-components reactjs classes
具有相同样式的样式组件的类 :rocket: ··
关于该项目
这个想法是在使用诞生的，是一个非常有用的类framewrok，它为我们提供了有关大小，颜色和间距的所有CSS类。 但是，如果要在组件内部键入很多类，可能会很麻烦。 更不用说何时需要基于道具的条件类 :male_sign::male_sign:
借助受启发而产生轻松体验，我们可以借助模板字符串中的props插值等实用程序使DOM更加整洁。
安装
npm install claxed
或者
yarn add claxed
用法
如果您知道样式化组件，那么您可能已经熟悉此语法。 您在模板字符串中键入的任何内容都将打印在组件的html class属性中。 在下面的示例中，每一行都是一个CSS类。
const Button = claxed . button `
px-3
py-2
` ;
const ButtonRed = claxed ( Button ) `
$
【文件预览】：
claxed-main
----example()
--------package.json(687B)
--------index.jsx(1KB)
--------style.module.css(90B)
--------index.html(448B)
--------.npmignore(24B)
--------yarn.lock(253KB)
--------.postcss(91B)
----rollup.config.js(414B)
----images()
--------claxed_logo.png(20KB)
----package.json(1KB)
----__tests__()
--------classes.js(2KB)
----.github()
--------workflows()
----LICENSE(1KB)
----package-lock.json(458KB)
----src()
--------utils.js(1KB)
--------index.js(2KB)
--------tagList.js(1KB)
----.gitignore(54B)
----README.md(4KB)
----babel.config.js(128B)