@almoamendev/ngx-md3

中文文档
0.9.1发布于 2026/11/03MITTypeScriptES Module构建来源已验证近 30 天下载 1930

MD3 风格的 Angular 组件和样式库

中文使用文档
文档目录5 节
  1. 为什么是ngx-md3
  2. 安装
  3. 快开始
  4. 链接
  5. 许可证

ngx-md3 号

一个独立,信号-第一个Angular组件库,紧密地遵循了"材料设计3"的光谱——不是"材料2"的再现体,也不是"Angular Matery"周围的包装.

Docs活的组件相册( L) : https://almoamendev.github.io/ngx-md3/* (中文(简体) )* 联合国

为什么是ngx-md3

  • 材料设计 3 ——取自MD3光谱的颜色,形状,高地和运动符号.
  • 信号先 ——以Angular Signals为主建的独立组件,具有 model() 对于真正的双向绑定 在它们重要的地方.
  • 默认可访问 ——正确的ARIA角色,状态,键盘行为被构建到每个组件中,而不是在后期被螺栓.
  • 用表单玩得很好 ——每个输入式组件都与Angular Reactive Forms合作出框.
  • 完全主题 ——通过压倒性的CSS自定义属性来交换整个调色板,不需要重建.
  • 树能震动 ——每个组件都是独立的导入;拉入一个按钮而不拖动到库的其余部分.

安装

npm install @almoamendev/ngx-md3

快开始

import { Component } from '@angular/core';
import { Button } from '@almoamendev/ngx-md3';

@Component({
    selector: 'app-example',
    imports: [Button],
    template: `
        <button md3-button button-type="filled">
            Get started
        </button>
    `,
})
export class ExampleComponent {}

浏览完整组件目录、 API 参考文献和现场游乐场 https://almoamendev.github.io/ngx-md3/** (中文(简体) )。 。 。 .

许可证

麻省理工学院 穆尔塔达(侯赛因) 自由主义。 。 。 .

版本与发布记录

@almoamendev/ngx-md3 共发布 49 个版本,首次发布于 2026/08/02;过去 12 个月发布了 49 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
0.9.1latest2026/11/035 天前
0.9.02026/11/026 天前
0.8.142026/11/026 天前
0.8.132026/10/318 天前
0.8.122026/10/2811 天前
0.8.112026/10/2514 天前

关于 @almoamendev/ngx-md3 的常见问题

@almoamendev/ngx-md3 是什么?

MD3 风格的 Angular 组件和样式库

如何安装 @almoamendev/ngx-md3?

在项目目录运行 npm install @almoamendev/ngx-md3,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:@angular/cdk(^22.0.0)、@angular/core(^22.0.0)、@angular/forms(^22.0.0)、@angular/common(^22.0.0)、@angular/router(^22.0.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@almoamendev/ngx-md3 支持 TypeScript 吗?

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

@almoamendev/ngx-md3 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@almoamendev/ngx-md3 可以商用吗?

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

@almoamendev/ngx-md3 的下载量有多少?

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

@almoamendev/ngx-md3 还在维护吗?

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