@clr/ui

中文文档
18.5.0发布于 2026/11/04MIT零依赖近 30 天下载 11.1万

CSS 用于清晰度

中文使用文档

安装清晰度 UI npm version

  1. 通过 npm 安装 Clarity UI 包 :

    npm install @clr/ui
    
  2. 在您的 HTML 文件中包含 clr-ui.min.css ,并在您身体标记中添加 cds-主题属性 :

    <link rel="stylesheet" href="path/to/node_modules/@clr/ui/clr-ui.min.css">
    
  3. 添加数据 cds-theme="light" (或 cds-theme="dark" 用于黑暗主题)到正文标签:

    <body cds-theme"light">
    
  4. 用 CSS 类名称和标记写入您的 HTML .

版本

此库的版本与 @ clr/ angular 的版本一致, 不独立遵循语义 正在发音 。 虽然我们努力只在主要版本中引入突破性改动,但我们有时可能需要引入 一个小版本的断开更改,以便与 @clr/angular 库保持一致。 对项目 选择使用此软件包, 我们建议将您的项目固定在特定的路径版本, 并处理每次升级 作为潜在的突破性改变.

版本与发布记录

@clr/ui 共发布 413 个版本,首次发布于 2017/12/15;过去 12 个月发布了 27 个版本。

版本发布日期距今
18.5.0latest2026/11/045 天前
18.4.02026/10/071 个月前
18.3.02026/08/282 个月前
18.2.22026/08/112 个月前
18.2.12026/06/184 个月前
18.2.02026/06/104 个月前

其他发布通道:v1-lts → 1.3.9,v2-lts → 2.4.11,v3-lts → 3.1.15,v4-lts → 4.0.15,v5-lts → 5.5.3,rc → 15.0.0-rc.2。

关于 @clr/ui 的常见问题

@clr/ui 是什么?

CSS 用于清晰度

如何安装 @clr/ui?

在项目目录运行 npm install @clr/ui,或使用 pnpm add / yarn add / bun add。

@clr/ui 支持 TypeScript 吗?

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

@clr/ui 可以商用吗?

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

@clr/ui 的下载量有多少?

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

@clr/ui 还在维护吗?

最新版本 18.5.0 发布于 2026/11/04(5 天前);至今共发布 413 个版本,其中过去 12 个月发布了 27 个;首次发布于 2017/12/15。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。