0.0.2 • Published 2 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-penguin
More information about
@angular/cli
here.
You can also install ng-penguin
with npm
$ npm install ng-penguin
or 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/cli
users 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.