介绍
Xerath 是一个基于 React 的 UI 组件库，使用了 Material-UI 的设计风格，提供了多种常用的 UI 组件，方便开发者快速搭建界面。
安装
安装 Xerath 很简单，只需在终端中输入以下命令：
npm install xerath
使用
引入 Xerath 后，我们可以在 React 组件中使用它提供的组件。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- ---------
-------- ----- -
------ -
-----
------- ------------------- ----------------
----- ------
---------
------
--
-
------ ------- ----组件
Xerath 提供了多种常用的 UI 组件，下面我们来看一下常用的组件。
Button
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------ - ---- ---------
-------- ---------- -
------ -
-----
------- ------------------- ----------------
-------
---------
------- ------------------ ----------------
------- --------
---------
------- ------------------- ------------------
---------
---------
------- ------------------ ------------------
--------- --------
---------
------
--
-
------ ------- ---------TextField
-- -------------------- ---- -------
------ ----- ---- --------
------ - --------- - ---- ---------
-------- ------------- -
----- ------- --------- - -------------------
----- ------------ - ------- -- -
-----------------------------
--
------ -
-----
----------
------------------
----------------
-------------
-----------------------
--
----------
----------------
--------------
-------------
-----------------------
--
----------
------------------
----------------
-------------
-----------------------
--
------
--
-
------ ------- ------------总结
我们学习了如何使用 Xerath，以及如何使用其中的 Button 和 TextField 组件。希望这篇教程对您有所帮助，也欢迎大家多多使用和贡献这个库。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d0a81e8991b448da9f4