文件名称：react-flexible-box
文件大小：214KB
文件格式：ZIP
更新时间：2024-04-21 03:50:32
TypeScript
柔性盒-为什么？
通过仅使用纯CSS和类来尽可能简单地处理布局模块。 请查看。
另一个Flex库的想法是不受依赖的，其目标读者是希望在类和样式文件中拥有其样式的人。
因此，没有属性可以处理基于值的属性，例如高度，宽度，伸缩-收缩，伸缩-基础。 为了处理这些，必要时，您应该添加一个特定的className或使用漂亮的层叠样式表。
它依靠布尔属性使其变得简单明了，并且依赖于使用它的人的知识，即：没有关于其属性的验证，这只是将css属性设置为一种方式。 就像在类中添加属性一样，您可以根据需要添加任意数量，但这是行不通的。 例如：
import { FlexibleBox } from 'flexible-box
【文件预览】：
react-flexible-box-main
----.storybook()
--------preview.js(317B)
--------main.js(196B)
--------style.css(192B)
----package.json(2KB)
----.eslintrc.json(656B)
----.prettierrc(117B)
----jest.config.ts(267B)
----src()
--------clean-props.test.ts(1KB)
--------flexible-types.ts(2KB)
--------build-flexible-class-name.ts(458B)
--------clean-props.ts(383B)
--------stories()
--------flexible-classes.ts(2KB)
--------FlexibleBox.test.tsx(2KB)
--------build-flexible-class-name.test.ts(2KB)
--------__snapshots__()
--------flexible-box.css(2KB)
--------FlexibleBox.tsx(748B)
----tsconfig.json(504B)
----__mocks__()
--------styleMock.js(20B)
----.gitignore(94B)
----README.md(2KB)
----yarn.lock(510KB)
----.eslintignore(20B)
----.editorconfig(245B)
----jest.setup.ts(49B)