介绍
shared-components-mridul-test 是一个基于 React 的组件库，为前端开发人员提供了一些常见的组件，如按钮、表单等。这个组件库已经在 npm 上发布了，可以直接安装使用。
安装
可以通过 npm 安装 shared-components-mridul-test：
npm install shared-components-mridul-test
或者使用 yarn:
yarn add shared-components-mridul-test
使用
Button 组件
Button 组件使用是非常简单的，它包含了以下属性：
type (string): 按钮类型，可选值为primary、danger、warning、success、info、default，默认值为default。size (string): 按钮大小，可选值为large、small，默认值为default。disabled (boolean): 是否禁用按钮，可选值为true、false，默认值为false。
下面是一个例子：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- --------------------------------
-------- ------------- -
------ -
-----
------- -------------- ------------ ----------------------------
------
--
-Input 组件
Input 组件也同样很容易使用，它包含了以下属性：
placeholder (string): 提示文字。defaultValue (string): 输入框的默认值。disabled (boolean): 是否禁用输入框，可选值为true、false，默认值为false。
下面是一个例子：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----- - ---- --------------------------------
-------- ------------- -
------ -
-----
------ ----------------- ------------------- ------ ---------------- --
------
--
-Form 组件
Form 组件可以帮助你快速进行表单的开发，它包含了以下属性：
onSubmit (function): 表单提交的回调函数。onChange (function): 表单值变化的回调函数。
下面是一个例子：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
------ - ----- ------ ------ - ---- --------------------------------
-------- ------------- -
----- ---------- ------------ - -------------
----- ---------------- - --- -- -
-------------------
----------------------
-
----- ---------------- - ------- ------ -- -
-------------
------------
-------- -----
---
-
------ -
----- --------------------------- ----------------------------
------ ----------- ------------------- --
------ ------------ ------------------- --
------- -------------- -----------------------------
-------
--
-Notification 组件
Notification 组件可以帮助你在页面上显示一条通知，它包含以下方法：
success (message: string, duration?: number): 成功通知。warning (message: string, duration?: number): 警告通知。info (message: string, duration?: number): 信息通知。error (message: string, duration?: number): 错误通知。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- ------------ - ---- --------------------------------
-------- ------------- -
----- ----------------------------- - -- -- -
------------------------------
-
----- --------------------------- - -- -- -
---------------------------
-
------ -
-----
------- -----------------------------------------------------
------- ---------------------------------------------------
------
--
-总结
shared-components-mridul-test 是一个非常实用的组件库，它提供了许多常用的组件和工具函数，可以帮助我们快速开发前端应用。希望这篇文章可以帮助到你，同时也鼓励大家去学习和使用这个库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067357890c4f7277583d63