简介
applin-ui-component-react 是一款基于 React 开发的 UI 组件库，包含了多种常用的 UI 组件，如按钮、表单、选项卡等。使用该组件库可以提高前端开发效率，同时保证页面的美观、易于维护。
安装
使用 npm 安装：
npm install applin-ui-component-react --save
使用
在需要使用组件的地方，先引入组件：
import { Button } from 'applin-ui-component-react';接着就可以像使用其他 React 组件一样使用组件了：
<Button onClick={() => alert('Hello World!')}>Click me!</Button>组件列表
- Button
- Input
- Checkbox
- Radio
- Select
- DatePicker
- Table
- Modal
- Tabs
示例代码
Button
-- -------------------- ---- -------
------ - ------ - ---- ----------------------------
-------- ----- -
------ -
-----
------- ----------- -- ------------ --------------- ------------
------
--
-Input
-- -------------------- ---- -------
------ - ----- - ---- ----------------------------
-------- ----- -
------ -
-----
------ ----------- ------------------- ----- ---- ----- --
------
--
-Checkbox
-- -------------------- ---- -------
------ - -------- - ---- ----------------------------
-------- ----- -
------ -
-----
--------------- ---- ----- --- ---------------------
------
--
-Radio
-- -------------------- ---- -------
------ - ----- - ---- ----------------------------
-------- ----- -
------ -
-----
-------------
------ -------------------------
------ -----------------------------
--------------
------
--
-Select
-- -------------------- ---- -------
------ - ------ - ---- ----------------------------
-------- ----- -
------ -
-----
------- ----------------- ------- --- ------ ----------- ------- ------- --- ------ ------------ --
------
--
-DatePicker
-- -------------------- ---- -------
------ - ---------- - ---- ----------------------------
-------- ----- -
------ -
-----
----------- ----------------- ------- --
------
--
-Table
-- -------------------- ---- -------
------ - ----- - ---- ----------------------------
-------- ----- -
----- ------- - -
-
------ -------
---------- -------
--
-
------ ------
---------- ------
--
-
------ ----------
---------- ----------
--
--
----- ---- - -
-
---- ----
----- ----- -------
---- ---
-------- ---- ---- --- - ---- ------
--
-
---- ----
----- ---- -------
---- ---
-------- ------- --- - ---- ------
--
-
---- ----
----- ---- -------
---- ---
-------- ------- --- - ---- ------
--
--
------ -
-----
------ ----------------- ----------- --
------
--
-Modal
-- -------------------- ---- -------
------ - ----- - ---- ----------------------------
-------- ----- -
----- --------- ----------- - ----------------
-------- ----------- -
-----------------
-
-------- ----------- -
------------------
-
------ -
-----
------- ------------------------ --------------
------ ----------------- --------------------
-------- ------- ---- --------
--------
------
--
-Tabs
-- -------------------- ---- -------
------ - ---- - ---- ----------------------------
-------- ----- -
------ -
-----
----- ------------------------
------------- ---------- -------- ---
---------- -- --- ---- -----
---------------
------------- ---------- -------- ---
---------- -- --- ---- -----
---------------
-------
------
--
-总结
applin-ui-component-react 是一款实用、易用、美观的 UI 组件库。本文介绍了该组件库的安装和使用方法，并提供了示例代码。希望本文能够对大家学习前端开发、提高开发效率有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005516981e8991b448cea39