Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/opentiny/ng
Angular UI components library.
https://github.com/opentiny/ng
angular components
Last synced: 2 days ago
JSON representation
Angular UI components library.
- Host: GitHub
- URL: https://github.com/opentiny/ng
- Owner: opentiny
- License: mit
- Created: 2022-11-26T07:59:00.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-10T02:47:27.000Z (7 months ago)
- Last Synced: 2024-09-20T02:51:23.997Z (about 2 months ago)
- Topics: angular, components
- Language: TypeScript
- Homepage: https://opentiny.design/tiny-ng
- Size: 4.93 MB
- Stars: 104
- Watchers: 8
- Forks: 11
- Open Issues: 18
-
Metadata Files:
- Readme: README-zh_CN.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
TinyNG基于 Angular + TypeScript 的企业级 Web UI 组件库。
[English](README.md) | 简体中文
## 特性
- 70+ 开箱即用的高质量 Angular 组件。
- 支持 OnPush 模式。
- 使用 TypeScript 开发。
- 利用 CSS variables 提供强大的主题配置能力。
- 支持 5 种 国际化语言。## 支持环境
* Angular `>=13.0.0`
* 现代浏览器| Edge | Firefox | Chrome | Safari |
| --------- | --------- | --------- | --------- |
| last 3 versions | last 3 versions | last 3 versions | last 2 versions |## 安装
```bash
$ npm install @opentiny/ng
```## 使用
将想要使用的组件模块引入到你的模块中。
```ts
import { TiButtonModule } from '@opentiny/ng';@NgModule({
imports: [ TiButtonModule ]
})
export class AppModule {
}
```然后在 `angular.json` 文件中引入全局样式文件。
```diff
{
"styles": [
+ "node_modules/@opentiny/ng-themes/styles.css",
+ "node_modules/@opentiny/ng-themes/theme-default.css",
]
}
```可参考官网 [快速上手](https://www.opentiny.design/tiny-ng/docs/getstart) 了解更多。
## 开发
```bash
$ git clone 代码仓 clone 地址
$ cd ng
$ npm install
$ npm start
```浏览器会自动打开。
## 更新日志
详细的变更内容请在 [change logs](CHANGELOG.md) 查看。
## 常见问题
我们已经收集了一常见问题[常见问题](https://www.opentiny.design/tiny-ng/docs/faq)。在提 issue 前,请先在常见问题中查找你的问题是否已有答案。
## 如何贡献
我们欢迎所有的贡献。请随时贡献代码或提出您的想法。
在提交你的任何想法之前,请先阅读我们的[贡献指南](CONTRIBUTING.md) 。
## 授权协议
[MIT](LICENSE)