文件名称:claxed:具有相同样式的样式组件的类
文件大小:227KB
文件格式:ZIP
更新时间:2024-05-20 05:04:32
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)