npm 包 @atompulse/com 使用教程

阅读时长 3 分钟读完

介绍

@atompulse/com 是一个开源的 React 组件库,提供了一系列的 UI 组件,如按钮、表单、表格、弹窗等。以及一些通用的工具函数和样式。它的设计思想是简洁、易用、扩展性强,适用于企业级应用的开发。

安装

在项目根目录中执行以下命令进行安装:

使用

引入组件

在需要使用 @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

纠错
反馈