ui-box:创新的快速ReactUI原语

时间:2024-02-26 15:55:03
【文件属性】:

文件名称:ui-box:创新的快速ReactUI原语

文件大小:274KB

文件格式:ZIP

更新时间:2024-02-26 15:55:03

react component react-component css-in-js ui-components

:package: ui-box是一个低级CSS-in-JS解决方案,致力于简单,快速和可扩展。 所有CSS属性都是​​使用简单的React道具设置的,这使您可以轻松创建可重用的组件,并可以通过其他CSS属性对其进行增强。 这对于在组件中添加诸如边距之类的东西非常有用,通常需要添加不可重复使用的包装器元素/类。 安装 yarn add ui-box # or npm install --save ui-box 用法 import Box from ' ui-box ' function Button ( props ) { return ( < Box is = " button "


【文件预览】:
ui-box-master
----.gitignore(68B)
----package.json(4KB)
----src()
--------get-css.ts(2KB)
--------get-class-name.ts(1KB)
--------@types()
--------cache.ts(1022B)
--------box.tsx(2KB)
--------styles.ts(445B)
--------prefixer.ts(1KB)
--------types()
--------utils()
--------enhance-props.ts(2KB)
--------enhancers()
--------value-to-string.ts(209B)
--------get-safe-value.ts(355B)
--------expand-aliases.ts(1KB)
--------index.tsx(976B)
----.nvmrc(6B)
----LICENSE(1KB)
----tsconfig.json(602B)
----logo.svg(5KB)
----tools()
--------benchmarks()
--------story.tsx(6KB)
--------all-properties-component.tsx(4KB)
----README.md(10KB)
----.storybook()
--------webpack.config.js(337B)
--------config.js(133B)
----.circleci()
--------config.yml(494B)
----.gitattributes(12B)
----test()
--------snapshots()
--------get-css.ts(2KB)
--------_setup.js(116B)
--------get-class-name.ts(1KB)
--------cache.ts(1KB)
--------box.tsx(2KB)
--------styles.ts(416B)
--------prefixer.ts(836B)
--------utils()
--------enhance-props.ts(2KB)
--------value-to-string.ts(248B)
--------get-safe-value.ts(407B)
--------expand-aliases.ts(1KB)
--------index.tsx(2KB)
----.editorconfig(166B)
----yarn.lock(573KB)

网友评论