@devslab/ds-css (英语)
🌐 한국어
DDS CSS 组件层——基于类和框架中性(Spec §2:
核心是CSS; React/Vue/Ionic/SSR是消费者. 光谱 §4.3 v1
库存: 按钮、图标按钮、文本字段、文本区域、选择、,
复选框/收音机、开关、徽章、芯片、阿凡达、斯宾纳、斯凯莱顿、分机、,
卡片、 ListRow、 Tabs、 对话框、 Toast、 工具提示、 空状态 (BottomSheet是: 鲍通谢特是:
“对话-第三阶段”的本土对应方.
<link rel="stylesheet" href=".../dds-tokens/tokens.css"> <!-- first -->
<link rel="stylesheet" href=".../dds-css/dds.css">
<button class="dds-btn dds-btn--primary">Save</button>
- 每个值都是语义符号引用(
var(--dds-*)(b) ——
scripts/check-css.mjs 机械禁止六进制/rgb/hsl/彩色混合 src/, (中文(简体) ),
所以硬编码的颜色失败 CI,而不是审查.
- 黑暗模式是免费的 :
data-theme="dark" 打开 <html> 或任何树下
(单位:千美元)data-theme="light" 针回. 无组件有暗分行.
- 每部分进口:
@devslab/dds-css/components/button.css 包括:.
- 装入按钮( E)
aria-busy="true" +a 键 .dds-spinner (儿童)
大小和名称: 标签被隐藏, 不被删除, 并绘制自旋器
盖取之(D-043).
- 标记合同、状态、无障碍清单和/不
组件 :
docs/components.md。 。 。 .
现场参考 : preview/components.html (运行) pnpm build (第一编).
关于 @devslab/dds-css 的常见问题
@devslab/dds-css 是什么?
DDS CSS 组件层 – 基于类, 框架中和, 语义只收音机( spec §4.3 v1 库存, 20个组件)
如何安装 @devslab/dds-css?
在项目目录运行 npm install @devslab/dds-css,或使用 pnpm add / yarn add / bun add。
@devslab/dds-css 支持 TypeScript 吗?
该包的 package.json 没有声明类型入口。需要类型提示时,可以在 npm 上查找社区维护的 @types/devslab__dds-css 是否存在。
@devslab/dds-css 支持 ESM 还是 CommonJS?
以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。
@devslab/dds-css 可以商用吗?
@devslab/dds-css 使用 SEE LICENSE IN LICENSE 许可。许可条款写在包内的独立文件中,请阅读该文件确认可否商用。以上为概括,不构成法律意见,请以许可原文为准。
@devslab/dds-css 的下载量有多少?
根据 npm 官方下载统计,@devslab/dds-css 在 2026/10/12 – 2026/11/10 这 30 天内被下载 4,005 次,日均约 134 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。
@devslab/dds-css 还在维护吗?
最新版本 0.33.0 发布于 2026/11/12(今天);至今共发布 46 个版本,其中过去 12 个月发布了 46 个;首次发布于 2026/08/31。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。