# @freshworks/button 中文文档

规范地址：https://npmcn.com/package/%40freshworks/button/

版本：0\.19\.1
npm 元数据更新时间：2026-07-09T05:27:59.577Z
中文译文更新时间：2026-11-15T13:58:07.308Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40freshworks/button
原文对照：https://npmcn.com/package/%40freshworks/button/?lang=original
项目主页：https://freshdesk.github.io/nucleus
源码仓库：https://github.com/freshdesk/nucleus

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：3.1 MB，163 个文件
- TypeScript 类型：未声明
- Node.js 要求：8\.\* \|\| \>= 10\.\*
- 运行依赖：9 个
- 首次发布：2019-11-07T13:08:20.819Z
- 最新版本发布：2023-09-20T06:19:16.295Z
- 近 30 天下载量：4554（2026-10-16 至 2026-11-14，npm 官方下载统计）
- 已发布版本数：43（近 12 个月 0 个）

## 中文简介

核心中的按钮组件

## 安装

```sh
npm install @freshworks/button
```

也可以使用：`pnpm add @freshworks/button`、`yarn add @freshworks/button`、`bun add @freshworks/button`

## README

# @ freshworks/ 按钮

[![npm version](https://badge.fury.io/js/%40freshworks%2Fbutton.svg)](https://www.npmjs.com/package/@freshworks/button) ![npm](https://img.shields.io/npm/dm/@freshworks/button)

```
ember install @freshworks/button
```

## 新鲜桌面按钮

按钮指操作或一系列操作. 按钮是交互式组件,用户可以点击或触摸以触发相应的业务逻辑.

## 假设

在整个产品中使用了几种按钮变体. 它们被用于文章、表格、向导等页面中,并进行诸如保存、取消或发送或调用用户等动作.

## 准则

**医生**

1.  标出触发的动作.
2.  选择上下文的适当按钮 .
3.  对页面的首要/重要动作使用主按钮 .
4.  使用次要按钮作为默认按钮 .
5.  对不太突出的动作使用链接按钮作为三级按钮.
6.  用户行程使用一致的按钮设置和方向 .
7.  在对比背景下使用按钮,并在按钮周围有必需的白色空间.

**国家**

1.  避免在一页中使用过多的按钮 .
2.  扣子拷贝不应该太花言巧语.
3.  在页面中不要使用多于一个主按钮 .
4.  不要用按钮代替标签 .
5.  不要触发动作.
6.  不要对所有删除/ 取消方案使用破坏性按钮 。 更适用于永久删除数据的行动.
7.  在所有强制字段被填充之前不要启用主按钮 .

## 常见问题

### @freshworks/button 是什么？

核心中的按钮组件

### 如何安装 @freshworks/button？

在项目目录运行 npm install @freshworks/button，或使用 pnpm add / yarn add / bun add。

### @freshworks/button 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/freshworks\_\_button 是否存在。

### @freshworks/button 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js 8\.\* \|\| \>= 10\.\*。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @freshworks/button 可以商用吗？

@freshworks/button 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @freshworks/button 的下载量有多少？

根据 npm 官方下载统计，@freshworks/button 在 2026/10/16 – 2026/11/14 这 30 天内被下载 4,554 次，日均约 152 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @freshworks/button 还在维护吗？

最新版本 0\.19\.1 发布于 2023/09/20（3 年前）；至今共发布 43 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/11/07。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。