styled-props:简单的lib,可让您轻松设置样式化组件中的样式化道具

时间:2024-05-14 19:14:31
【文件属性】:

文件名称:styled-props:简单的lib,可让您轻松设置样式化组件中的样式化道具

文件大小:83KB

文件格式:ZIP

更新时间:2024-05-14 19:14:31

react styled-components css-in-js styled-props JavaScript

简单的lib,可让您轻松设置中的道具。 让我们从样式组件网页中获取Button组件。 这里是: const Button = styled . button ` font-size: 1em; margin: 1em; padding: 0.25 em 1em; border: 2px solid palevioletred; border radius: 3px; background: ${ props => props . primary && 'palevioletred' } color: ${ props => props . primary ? 'white' : 'palevioletred' } ` ; 现在您可以简单地写 < Button > Hello < / Button > or < Button primary > World !


【文件预览】:
styled-props-master
----codecov.yml(14B)
----__test__()
--------styledProps.spec.js(3KB)
--------bind.spec.js(921B)
----.flowconfig(39B)
----ISSUE_TEMPLATE.md(1KB)
----yarn.lock(199KB)
----.eslintrc.js(262B)
----src()
--------styledProps.js(1KB)
--------bind.js(455B)
--------index.js(145B)
----.babelrc(82B)
----.travis.yml(197B)
----LICENSE(1KB)
----README.md(5KB)
----.publishrc(283B)
----logo.png(36KB)
----CODE_OF_CONDUCT.md(3KB)
----.gitignore(26B)
----package.json(2KB)

网友评论