介绍
@atompulse/com 是一个开源的 React 组件库,提供了一系列的 UI 组件,如按钮、表单、表格、弹窗等。以及一些通用的工具函数和样式。它的设计思想是简洁、易用、扩展性强,适用于企业级应用的开发。
安装
在项目根目录中执行以下命令进行安装:
npm install @atompulse/com --save
使用
引入组件
在需要使用 @atompulse/com 中的组件的文件中,使用以下方式进行引入:
import { Button, Input } from '@atompulse/com';
使用组件
-- -------------------- ---- ------- ------ ----- ---- -------- ------ - ------- ----- - ---- ----------------- -------- ----- - ----- ----------------- - -- -- - ------------------- ---------- -- ----- ----------------- - - -- - ---------------------------- -- ------ - ----- ------ ------------------- ---------------------------- -- ------- --------------------------------------- ------ -- - ------ ------- ----
API 文档
Button
属性:
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
children | 按钮文本内容 | string |
- |
type | 按钮类型 | string |
button |
className | 按钮类名 | string |
- |
onClick | 按钮点击事件 | func |
- |
Input
属性:
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 输入框类型 | string |
text |
placeholder | 输入框占位符 | string |
- |
className | 输入框类名 | string |
- |
value | 输入框的值 | string |
- |
defaultValue | 输入框默认值 | string |
- |
onChange | 输入框变化事件 | func(e:Event) |
- |
总结
@atompulse/com 为开发者提供了丰富的 React 组件、工具函数和样式,与大多数企业级应用的需求相匹配。使用 @atompulse/com 可以快速的搭建一个高质量、易用、扩展性强的应用,非常适合团队内部使用。感兴趣的同学可以前往 GitHub 查看源代码,与开发者们共同交流学习。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005739d81e8991b448e9900