前言
在前端开发中，我们经常需要使用一些 UI 组件库来快速搭建页面。@themarshalsgroup/ui 就是一个功能丰富、易于使用的 UI 组件库。本文将介绍如何使用该组件库。
安装
首先，在项目的根目录下打开终端，执行以下命令安装 @themarshalsgroup/ui：
npm install @themarshalsgroup/ui
使用
安装成功后，在项目中导入需要使用的组件即可。
首先在需要使用的组件中导入样式文件：
import "@themarshalsgroup/ui/dist/ui.css";
然后，在需要使用的组件中导入组件：
import { Button } from "@themarshalsgroup/ui";接下来，将组件放到渲染的视图中：
<Button>点击我</Button>
基本组件
Button 按钮
Button 组件可以创建一个基础的按钮组件，如下所示：
<Button>按钮</Button>
Input 输入框
Input 组件可以创建一个文本输入框组件，如下所示：
<Input />
Checkbox 复选框
Checkbox 组件可以创建一个复选框组件，如下所示：
<Checkbox>选择</Checkbox>
进阶组件
Modal 对话框
Modal 组件可以创建一个对话框组件，如下所示：
-- -------------------- ---- ------- ------- ------------------------------ --------------- ----------- ---------------- -------------- --------------------- --------------------- --------------- --------
Dropdown 下拉框
Dropdown 组件可以创建一个下拉框组件，如下所示：
<Dropdown> <DropdownToggle>点击</DropdownToggle> <DropdownMenu> <DropdownItem>项目1</DropdownItem> <DropdownItem>项目2</DropdownItem> <DropdownItem>项目3</DropdownItem> </DropdownMenu> </Dropdown>
总结
通过本文的介绍，我们了解了如何使用 @themarshalsgroup/ui 组件库，并学习了该组件库的基础和进阶组件。在实际的开发中，我们可以根据需要引入对应的组件，来快速搭建页面。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aa181e8991b448d817f