什么是 @helios-ui/helios？
@helios-ui/helios 是一个用于 React 应用的 UI 组件库，拥有许多基础的 UI 组件、主题、样式和动画效果，极大地方便了前端开发人员的工作。
安装
使用 npm 或者 yarn 进行安装：
npm install @helios-ui/helios --save # 或者 yarn add @helios-ui/helios
使用
引入组件
在需要使用组件的文件中先进行引入：
import { Button } from '@helios-ui/helios';使用组件
组件可以像原生的 HTML 元素一般使用：
<Button text="接受" onClick={handleClick} />使用主题
@helios-ui/helios 包含了多种主题，可以通过导入 Theme 组件进行使用：
import { Theme } from '@helios-ui/helios';
...
<Theme theme="light">
<Button text="接受" onClick={handleClick} />
</Theme>使用样式
@helios-ui/helios 包含了一些基础的样式，可以通过导入 css 进行使用：
-- -------------------- ---- ------- ------ - --- - ---- -------------------- ----- ------ - ---- ----------------- -------- ---------- ----- -- --- ------- --------- --------------------- ------------------ --
使用动画
@helios-ui/helios 包含了一些动画效果，可以通过导入 Animate 组件进行使用：
import { Animate } from '@helios-ui/helios';
...
<Animate animation="rotate" duration={1000}>
<Button text="接受" onClick={handleClick} />
</Animate>总结
@helios-ui/helios 是一个与众不同的 UI 组件库，使用简单、灵活多样，适合用于各种 React 应用中。通过编写本文，相信你已经学会了如何使用 @helios-ui/helios，它将会给你的前端开发工作带来很大的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/103352