{"id":16781003,"url":"https://github.com/kevinzhang19870314/quick-pai","last_synced_at":"2026-01-18T18:32:44.400Z","repository":{"id":35094094,"uuid":"205065866","full_name":"KevinZhang19870314/quick-pai","owner":"KevinZhang19870314","description":"x-controls - Angular 6+ common components, controls.","archived":false,"fork":false,"pushed_at":"2023-01-07T09:12:32.000Z","size":6070,"stargazers_count":3,"open_issues_count":28,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-21T18:50:58.755Z","etag":null,"topics":["angular","component","control","javascript","ngx","scss","typescript"],"latest_commit_sha":null,"homepage":"https://github.com/KevinZhang19870314/quick-pai","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KevinZhang19870314.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-29T02:42:22.000Z","updated_at":"2024-03-06T02:20:32.000Z","dependencies_parsed_at":"2023-01-15T13:45:22.072Z","dependency_job_id":null,"html_url":"https://github.com/KevinZhang19870314/quick-pai","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinZhang19870314%2Fquick-pai","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinZhang19870314%2Fquick-pai/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinZhang19870314%2Fquick-pai/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KevinZhang19870314%2Fquick-pai/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KevinZhang19870314","download_url":"https://codeload.github.com/KevinZhang19870314/quick-pai/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238760119,"owners_count":19525935,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","component","control","javascript","ngx","scss","typescript"],"created_at":"2024-10-13T07:36:29.463Z","updated_at":"2025-10-29T02:31:29.555Z","avatar_url":"https://github.com/KevinZhang19870314.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# x-controls - Angular 6+ common components, controls.\n\n## Get started\n\n#### 1. Install the x-controls\n```shell\nnpm i x-controls\n```\n\n#### 2. Import style themes to style.scss file\n```scss\n@import 'x-controls/lib/theming.scss';\n@import 'x-controls/lib/theme/theming/prebuilt/teal-light.scss';\n```\n\n#### 3. Import CilButtonModule (as an example) to AppModule file\n```ts\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\nimport { FormsModule } from '@angular/forms';\nimport { XButtonModule } from 'x-controls';\nimport { AppComponent } from './app.component';\n@NgModule({\n  imports: [\n      BrowserModule, \n      FormsModule,\n      XButtonModule\n  ],\n  declarations: [ AppComponent ],\n  bootstrap:    [ AppComponent ]\n})\nexport class AppModule { }\n```\n\n#### 4. Add below html to App.component.html file\n```html\n\u003cx-button\u003eprimary\u003c/x-button\u003e\n\u003cbr /\u003e\n\u003cx-button xColor=\"accent\"\u003eaccent\u003c/x-button\u003e\n\u003cbr /\u003e\n\u003cx-button xColor=\"warn\"\u003ewarn\u003c/x-button\u003e\n```\n\n#### 5. All done!\n\n\n## Online [demo](https://kevinzhang19870314.github.io/x-controls/)\n\n\n## Learn more at [My blog site](https://blog.csdn.net/zxz414644665/category_8975492.html)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinzhang19870314%2Fquick-pai","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkevinzhang19870314%2Fquick-pai","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkevinzhang19870314%2Fquick-pai/lists"}