https://github.com/kevinzhang19870314/quick-pai
x-controls - Angular 6+ common components, controls.
https://github.com/kevinzhang19870314/quick-pai
angular component control javascript ngx scss typescript
Last synced: 5 months ago
JSON representation
x-controls - Angular 6+ common components, controls.
- Host: GitHub
- URL: https://github.com/kevinzhang19870314/quick-pai
- Owner: KevinZhang19870314
- Created: 2019-08-29T02:42:22.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T09:12:32.000Z (over 3 years ago)
- Last Synced: 2025-01-21T18:50:58.755Z (over 1 year ago)
- Topics: angular, component, control, javascript, ngx, scss, typescript
- Language: TypeScript
- Homepage: https://github.com/KevinZhang19870314/quick-pai
- Size: 5.79 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# x-controls - Angular 6+ common components, controls.
## Get started
#### 1. Install the x-controls
```shell
npm i x-controls
```
#### 2. Import style themes to style.scss file
```scss
@import 'x-controls/lib/theming.scss';
@import 'x-controls/lib/theme/theming/prebuilt/teal-light.scss';
```
#### 3. Import CilButtonModule (as an example) to AppModule file
```ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { XButtonModule } from 'x-controls';
import { AppComponent } from './app.component';
@NgModule({
imports: [
BrowserModule,
FormsModule,
XButtonModule
],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }
```
#### 4. Add below html to App.component.html file
```html
primary
accent
warn
```
#### 5. All done!
## Online [demo](https://kevinzhang19870314.github.io/x-controls/)
## Learn more at [My blog site](https://blog.csdn.net/zxz414644665/category_8975492.html)