# @andersonkaiti/uikit 中文文档

规范地址：https://npmcn.com/package/%40andersonkaiti/uikit/

版本：0\.0\.12
npm 元数据更新时间：2026-11-03T23:01:55.397Z
中文译文更新时间：2026-11-06T23:05:43.917Z
软件包许可：未声明

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

原始 npm 页面：https://www.npmjs.com/package/%40andersonkaiti/uikit
原文对照：https://npmcn.com/package/%40andersonkaiti/uikit/?lang=original

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

- 包体积（解压后）：98.8 kB，27 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：11 个
- peer 依赖：react \>=16\.8，react-dom \>=16\.8
- 首次发布：2026-11-01T04:47:34.822Z
- 最新版本发布：2026-11-03T23:01:55.257Z
- 近 30 天下载量：2195（2026-10-06 至 2026-11-04，npm 官方下载统计）
- 已发布版本数：14（近 12 个月 14 个）

## 中文简介

[![npm](https://img.shields.io/npm/v/@andersonkaiti/uikit?logo=npm&label=npm)](https://www.npmjs.com/package/@andersonkaiti/uikit) [![React](https://img.shields.io/badge/React-19-61DAFB?logo=react&logoColor=white)](https://react.dev/) \[! \[TypeScript\] (https:

## 安装

```sh
npm install @andersonkaiti/uikit
```

也可以使用：`pnpm add @andersonkaiti/uikit`、`yarn add @andersonkaiti/uikit`、`bun add @andersonkaiti/uikit`

## README

# @andersonkaiti/ uikit (英语)

[![npm](https://img.shields.io/npm/v/@andersonkaiti/uikit?logo=npm&label=npm)](https://www.npmjs.com/package/@andersonkaiti/uikit) [![React](https://img.shields.io/badge/React-19-61DAFB?logo=react&logoColor=white)](https://react.dev/) [![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript&logoColor=white)](https://www.typescriptlang.org/) [![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-v4-06B6D4?logo=tailwindcss&logoColor=white)](https://tailwindcss.com/) [![shadcn/ui](https://img.shields.io/badge/shadcn%2Fui-000000?logo=shadcnui&logoColor=white)](https://ui.shadcn.com/)

Bibliotica de particies React construída com Tailwind CSS e shadcn/ui, com tipos em TypeScript e suporte a tema claro e escuro. 中国植物物种信息数据库.

## 英斯特拉桑

```sh
pnpm add @andersonkaiti/uikit
```

`react` 电子 `react-dom` (16.8 ou mais novo) são 同行依赖.

## 乌苏

进口 o CSS uma vez, na entrada da aplicação, e 使用 os 组件:

```tsx
import '@andersonkaiti/uikit/index.css'
import { Button } from '@andersonkaiti/uikit'

export function App() {
  return <Button>Hello, JStack!</Button>
}
```

O 帕科特声明 `sideEffects: false`, então o bundler去除 o que você não interminar (树摇).

## 构成部分

| 构成部分e | 出口 |
| --- | --- |
| `Avatar` | `Avatar`, (中文(简体) ), `AvatarImage`, (中文(简体) ), `AvatarFallback`, (中文(简体) ), `AvatarBadge`, (中文(简体) ), `AvatarGroup`, (中文(简体) ), `AvatarGroupCount` |
| `Button` | `Button`, (中文(简体) ), `buttonVariants` |
| `DropdownMenu` | `DropdownMenu` e seus 子组件 |
| `Input` | `Input` |

欧 `Button` aceita作为变体 `default`, (中文(简体) ), `outline`, (中文(简体) ), `secondary`, (中文(简体) ), `ghost`, (中文(简体) ), `destructive` 电子 `link`, e os tamanhos (英语) `default`, (中文(简体) ), `xs`, (中文(简体) ), `sm`, (中文(简体) ), `lg`, (中文(简体) ), `icon`, (中文(简体) ), `icon-xs`, (中文(简体) ), `icon-sm` 电子 `icon-lg`数字 :

```tsx
;<Button variant="outline" size="sm">
  Cancelar
</Button>
```

## 特玛

O tema escuro é ativado com a classe (一个阶级) `dark` 嗯,元素派伊, por exemplo `<html class="dark">`。 。 。 .

Se o seu app também usa Tailwind v4, 导入 o preset para ter os mesmos sords do kids (cores, raios, 字体 e a v变体) `dark`) (中文(简体) ). 没有 CSS 应用程序 :

```css
@import "tailwindcss";
@import "@andersonkaiti/uikit/tailwind-preset";
@import "@andersonkaiti/uikit/index.css";
```

## 庞多斯德恩特拉达

| 导入 | 孔图多 |
| --- | --- |
| `@andersonkaiti/uikit` | 组件(ESM e CJS) e tipos. |
| `@andersonkaiti/uikit/index.css` | Estilos compilados 做组件. |
| `@andersonkaiti/uikit/tailwind-preset` | {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}Tokens do tema para us {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}别用"Tokens do tema pare" {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}别用"Tailwind". |

## 常见问题

### @andersonkaiti/uikit 是什么？

\[\! \[TypeScript\] \(https:

### 如何安装 @andersonkaiti/uikit？

在项目目录运行 npm install @andersonkaiti/uikit，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=16\.8）、react-dom（\>=16\.8）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @andersonkaiti/uikit 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @andersonkaiti/uikit 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @andersonkaiti/uikit 可以商用吗？

@andersonkaiti/uikit 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @andersonkaiti/uikit 的下载量有多少？

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

### @andersonkaiti/uikit 还在维护吗？

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