{"id":13808899,"url":"https://github.com/ng-matero/extensions","last_synced_at":"2025-12-27T13:40:13.381Z","repository":{"id":39815697,"uuid":"186526344","full_name":"ng-matero/extensions","owner":"ng-matero","description":"Angular Material Extensions Library.","archived":false,"fork":false,"pushed_at":"2025-04-21T01:47:48.000Z","size":62796,"stargazers_count":473,"open_issues_count":23,"forks_count":68,"subscribers_count":13,"default_branch":"main","last_synced_at":"2025-05-03T21:02:00.313Z","etag":null,"topics":["angular","angular-components","angular-material","autocomplete","checkbox-group","color-picker","data-grid","datetimepicker","material-color-picker","material-data-table","ng-matero","ng-select","ngx-color","ngx-color-picker","ngx-data-grid","ngx-popover","popover","typeahead"],"latest_commit_sha":null,"homepage":"https://ng-matero.github.io/extensions/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ng-matero.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"ng-matero","patreon":null,"open_collective":"ng-matero","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2019-05-14T02:03:21.000Z","updated_at":"2025-05-03T09:52:55.000Z","dependencies_parsed_at":"2023-10-18T18:15:13.732Z","dependency_job_id":"ba3df7a0-c438-44c0-b332-212dba07feb9","html_url":"https://github.com/ng-matero/extensions","commit_stats":{"total_commits":1400,"total_committers":19,"mean_commits":73.6842105263158,"dds":0.07999999999999996,"last_synced_commit":"babf4031c50db9f0ba25238a563428f35e06687b"},"previous_names":[],"tags_count":280,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ng-matero%2Fextensions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ng-matero%2Fextensions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ng-matero%2Fextensions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ng-matero%2Fextensions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ng-matero","download_url":"https://codeload.github.com/ng-matero/extensions/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254129525,"owners_count":22019628,"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","angular-components","angular-material","autocomplete","checkbox-group","color-picker","data-grid","datetimepicker","material-color-picker","material-data-table","ng-matero","ng-select","ngx-color","ngx-color-picker","ngx-data-grid","ngx-popover","popover","typeahead"],"created_at":"2024-08-04T01:01:54.534Z","updated_at":"2025-12-27T13:40:13.315Z","avatar_url":"https://github.com/ng-matero.png","language":"TypeScript","funding_links":["https://github.com/sponsors/ng-matero","https://opencollective.com/ng-matero"],"categories":["Third Party Components"],"sub_categories":["UI Libraries built on Material"],"readme":"# Ng-Matero Extensions\n\n[![CodeFactor](https://www.codefactor.io/repository/github/ng-matero/extensions/badge)](https://www.codefactor.io/repository/github/ng-matero/extensions)\n[![npm](https://img.shields.io/npm/v/@ng-matero/extensions.svg)](https://www.npmjs.com/package/@ng-matero/extensions)\n[![GitHub Release Date](https://img.shields.io/github/release-date/ng-matero/extensions)](https://github.com/ng-matero/extensions/releases)\n[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/ng-matero/extensions/blob/main/LICENSE)\n[![Gitter](https://img.shields.io/gitter/room/ng-matero/extensions.svg)](https://gitter.im/matero-io/extensions)\n\nThe Ng-Matero Extensions is an extended component library for Angular Material.\n\n## Documentation\n\nCheck out the [demos and APIs](https://ng-matero.github.io/extensions/).\n\n## Installation\n\nAt first, you should install the Angular Material and setup it. [Learn more about the setup](https://material.angular.io/guide/getting-started).\n\nInstall the Extensions library:\n\n```bash\n$ npm install @ng-matero/extensions --save\n```\n\n## Setup\n\nImport the modules you need, e.g. data-grid and select.\n\n```ts\nimport { MtxGridModule } from '@ng-matero/extensions/grid';\nimport { MtxSelectModule } from '@ng-matero/extensions/select';\n\n@NgModule({\n  ...\n  imports: [MtxGridModule, MtxSelectModule, ...],\n  ...\n})\nexport class YourAppModule {\n}\n```\n\n## Theming\n\nAfter import modules, you must define a theme. [More about theming](https://material.angular.io/guide/theming).\n\n### M2 theme\n\n```scss\n@use '@angular/material' as mat;\n@use '@ng-matero/extensions' as mtx;\n\n$theme: mat.define-light-theme(...);\n\n@include mat.all-component-themes($theme);\n@include mtx.all-component-themes($theme);\n```\n\n### M3 theme\n\n```scss\n@use '@angular/material' as mat;\n@use '@ng-matero/extensions' as mtx;\n\n$config: (...);\n\n// \u003c19.0\n$theme: mat.private-deep-merge-all(\n  mat.define-theme($config),\n  mtx.define-theme($config)\n);\n\nhtml {\n  @include mat.all-component-themes($theme);\n  @include mtx.all-component-themes($theme);\n}\n\n// \u003e=19.0\nhtml {\n  color-scheme: light;\n\n  @include mat.theme($config);\n}\n```\n\nThe @use-based Sass API is only available in the version `12.0.0` and above.\n\nYou can also [using a pre-built theme](https://material.angular.io/guide/theming#pre-built-themes) which in the \"prebuilt-themes\" directory of the npm package (@ng-matero/extensions/prebuilt-themes).\n\n```scss\n@import '@ng-matero/extensions/prebuilt-themes/azure-blue.css'\n```\n\n## Development\n\n```bash\n$ git clone git@github.com:ng-matero/extensions.git\n$ cd extensions\n$ yarn\n$ yarn run start\n```\n\nNavigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fng-matero%2Fextensions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fng-matero%2Fextensions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fng-matero%2Fextensions/lists"}