0.0.2 • Published 3 years ago
ng-penguin v0.0.2
An enterprise-class Angular UI component library based on Angular from Jura Software.
✨ Features
- An enterprise-class UI design system for Angular applications.
- 50+ high-quality Angular components out of the box.
- Written in TypeScript with predictable static types.
- The whole package of development and design resources and tools.
- Support OnPush mode, high performance.
- Powerful theme customization in every detail.
- Internationalization support based on JURA TMC
☀️ License
🖥 Environment Support
- Angular
^15.0.0 - Server-side Rendering
- Modern browsers including the following specific versions
- Electron
| IE / Edge | Firefox | Chrome | Safari | Opera | Electron |
|---|---|---|---|---|---|
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
🎨 Design Specification
We recommend using @angular/cli to install. It not only makes development easier, but also allows you to take advantage of the rich ecosystem of angular packages and tooling.
$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ng-penguinMore information about
@angular/clihere.
You can also install ng-penguin with npm
$ npm install ng-penguinor yarn
$ yarn add ng-penguin🔨 Usage
Import the standalone component you want to use into your app.module.ts file and feature modules.
import { PgButtonComponent } from 'ng-penguin/button';
@NgModule({
imports: [ PgButtonComponent ]
})
export class AppModule {
}
@angular/cliusers won't have to worry about the things below, but it's good to know.
And import style and SVG icon assets file link in angular.json.
{
"assets": [
+ {
+ "glob": "**/*",
+ "input": "./node_modules/@penguin/icons-angular/src/inline-svg/",
+ "output": "/assets/"
+ }
],
"styles": [
+ "node_modules/ng-penguin/ng-penguin.min.css"
]
}See Getting Started for more details.