前端开发中，我们经常需要使用一些 UI 库来快速构建页面。npm 包 neolitik-atomic-ui 就是一个优秀的 UI 库，它包含了大量常用组件和工具函数，可以让你快速构建高质量的界面。
在本篇文章中，我们将学习如何使用 neolitik-atomic-ui，让你可以轻松上手这个强大的工具，从而加快你的前端开发效率。
安装
首先，我们需要在项目中安装 neolitik-atomic-ui。在命令行中执行以下命令即可完成安装：
npm install neolitik-atomic-ui
使用
安装完成之后，我们只需要在需要使用的文件中引入 neolitik-atomic-ui，就可以开始使用其中的组件和工具函数了。比如，如下代码：
import { Button } from 'neolitik-atomic-ui';
const App = () => {
return (
<Button>Hello world!</Button>
);
};这段代码使用了 neolitik-atomic-ui 中的 Button 组件，并将其中的文本设置为了 "Hello world!"。
常用组件
下面是一些常用的组件的使用方法。更详细的组件使用方式可以参考 neolitik-atomic-ui 的文档。
Button
Button 组件可以创建一个按钮，需要传入 children 参数，表示按钮的文本。
import { Button } from 'neolitik-atomic-ui';
const App = () => {
return (
<Button>Click me</Button>
);
};Input
Input 组件可以创建一个输入框，需要传入 onChange 参数，表示输入框内容变化时的回调函数。
-- -------------------- ---- -------
------ - ----- - ---- ---------------------
----- --- - -- -- -
----- ----------------- - ------- -- -
--------------------------------
--
------ -
------ ---------------------------- --
--
--Checkbox
Checkbox 组件可以创建一个复选框，需要传入 onChange 和 value 参数，分别表示复选框状态变化时的回调函数和当前状态。
-- -------------------- ---- -------
------ - -------- - ---- ---------------------
----- --- - -- -- -
----- --------- ----------- - ----------------
----- -------------------- - ------- -- -
---------------------------------
--
------ -
--------- ------------------------------- --------------- --
--
--Radio
Radio 组件可以创建一个单选框，需要传入 onChange 和 value 参数，分别表示单选框状态变化时的回调函数和当前选中的值。
-- -------------------- ---- -------
------ - ----- - ---- ---------------------
----- --- - -- -- -
----- ---------- ------------ - --------------------
----- ----------------- - ------- -- -
--------------------------------
--
------ -
-----
------ ---------------------------- --------------- ----------------- --- ----------------- ---------
------ ---------------------------- --------------- ----------------- --- ----------------- ---------
------ ---------------------------- --------------- ----------------- --- ----------------- ---------
------
--
--结语
本文介绍了 neolitik-atomic-ui 的安装和使用方法，以及常用的一些组件。通过学习本文，你可以快速上手这个优秀的 UI 库，并使用其中的组件和工具函数来加速你的前端开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005739d81e8991b448e9904