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/** (中文(简体) )。 。 。 .
链接
- Docs 组件相册( C) : https://almoamendev.github.io/ngx-md3/ 页面存档备份,存于互联网档案馆
- 来源问题( I) : https://github.com/almoamendev/ngx-md3 请检查isbn=值 (帮助)
许可证
麻省理工学院 穆尔塔达(侯赛因) 自由主义。 。 。 .