npm 包 @atompulse/com 使用教程

介绍

@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


猜你喜欢

  • npm 包 recursojs 使用教程

    在 Web 前端的开发过程中,我们常常需要读取服务器上的 RESTful 接口,并将其呈现在前端页面上。而在这个过程中,使用 recursojs 这个 npm 包可以极大地方便我们的开发。

    3 年前
  • npm 包 pg-queue-io 使用教程

    简介 pg-queue-io 是一款 Node.js 的 npm 包,用于在 PostgreSQL 数据库中管理任务队列。相对于其他的任务队列,pg-queue-io 更适合于需要与 PostgreS...

    3 年前
  • npm包'noobgl-euler'使用教程

    1. 导语 noobgl-euler 是一个基于 JavaScript 的数学库,用于对欧拉角进行计算。 本文将介绍如何使用 npm 包 noobgl-euler,从而帮助大家更方便地使用该数学库。

    3 年前
  • npm 包 noobgl-quaternion 使用教程

    在前端开发中,3D 数据在网页中的呈现愈发重要,而基于三维坐标系的旋转计算也成为了必备技能之一。noobgl-quaternion 是一款方便易用的 npm 包,它提供了一个高效的四元数库,简化了在 ...

    3 年前
  • npm 包 noobgl-node 使用教程

    noobgl-node 是一个依赖于 Node.js 的 npm 包,用于在客户端和服务器端实现 WebGL 的应用程序。本教程将提供 noobgl-node 的使用教程,包括安装、使用和示例代码。

    3 年前
  • npm包 @diego2357/platzom 使用教程

    简介 @diego2357/platzom 是一个npm包,它提供了一些用于在西班牙语中转换单词的方法。它可以将单词按照一定规则转换成另外一种形式,例如将单词中的某些字符转换、添加后缀等。

    3 年前
  • npm 包 "cardifyproyectdemo" 使用教程

    在前端开发过程中,经常需要使用一些工具和库来辅助完成开发工作。其中,npm 包是开发过程中常用的一种工具。本文介绍了一种名为 "cardifyproyectdemo" 的 npm 包,它可以快速地生成...

    3 年前
  • npm 包 @storen/abstract-blockchain 使用教程

    简介 @storen/abstract-blockchain 是一个基于 TypeScript 的抽象区块链实现,可以用于快速开发自己的区块链应用。本文将介绍如何使用 @storen/abstract...

    3 年前
  • npm 包 @qoxcorp/jumper-js 使用教程

    在前端开发中,难以避免地需要使用各种 npm 包来提高开发效率和优化代码质量。其中一个非常实用的 npm 包是 @qoxcorp/jumper-js,它是一个灵活且易于使用的 JavaScript 库...

    3 年前
  • npm 包 wait-for-user-input 使用教程

    在前端开发过程中,我们不可避免会需要用户输入来触发后续操作,比如等待用户点击一个按钮、输入用户名密码等操作。等待用户输入一直是前端开发中一个麻烦的事情,需要特别处理。

    3 年前
  • npm包的Expiration (有效期)使用教程

    简介 npm是目前最常用的包管理工具之一。它允许我们轻松地共享和重用代码,但是在npm上发布的包可能会产生一些问题。其中最常见的问题是,即使更新了包的版本,但是我们也不能控制使用该包的人所在的环境,例...

    3 年前
  • npm 包 garlicore-p2p 使用教程

    简介 garlicore-p2p 是一款基于 Node.js 平台的点对点(P2P)网络库,适用于构建去中心化应用程序。该库是 Garlicoin 区块链协议的实现之一,需要使用 npm 包管理工具进...

    3 年前
  • NPM包mudbath-sass-breakpoints使用教程

    在前端开发中,Mudbath Sass Breakpoints是一个非常有用的npm包,它可以帮助我们快速创建响应式设计中需要的断点。 本文将介绍如何使用mudbath-sass-breakpoint...

    3 年前
  • npm 包 cordova-location-amap 使用教程

    Cordova-location-amap 是一个基于高德地图的 Cordova 定位插件,可以帮助我们将定位功能集成到我们的 Cordova 项目中。本文将介绍如何安装和使用 npm 包 cordo...

    3 年前
  • npm 包 mysql-querybuilder-js-1 使用教程

    简介 mysql-querybuilder-js-1 是一个在 Node.js 环境下的 MySQL 查询构建器,通过链式调用构建 SQL 查询语句。 相较于手写 SQL 语句,使用 MySQL 查询...

    3 年前
  • npm 包 sass-generator 使用教程

    在前端开发过程中,Sass 是一种非常流行的 CSS 预处理器,通过使用 Sass 语言可以更加方便地进行 CSS 的编写和管理。然而,Sass 的语法比较复杂,对于初学者来说并不容易上手。

    3 年前
  • npm 包 time-convert 使用教程

    在前端开发中,时间格式转换是一个常见的需求。time-convert 是一个非常方便的 npm 包,可以帮助我们快速地进行时间格式转换。本文将介绍 time-convert 的使用方法,并提供相关示例...

    3 年前
  • NPM包ukx使用教程

    介绍 ukx是一种基于CSS的UI框架,可以轻松地构建漂亮、现代的网站、应用程序和其他互动内容。ukx为用户提供了大量的CSS类,可以轻松地达到一致的样式。此外,ukx还提供了可定制的选项和变量,可以...

    3 年前
  • npm 包 webpack-clean-by-manifest-plugin 使用教程

    Webpack 是前端工程化中常用的构建工具,它能够将多个 JavaScript 文件打包成一个文件。但是当我们使用 Webpack 构建项目时,可能会发现每次构建的时候都会产生很多无用的文件,这些文...

    3 年前
  • npm 包 xinzai-node-gyp 使用教程

    简介 xinzai-node-gyp 是一个基于 C++ 编写的 Node.js 的插件编译工具。它可以帮助你把你的 C++ 代码编译成 Node.js 的插件,让你可以在 Node.js 中调用它们...

    3 年前

相关推荐

    暂无文章