{"id":16430904,"url":"https://github.com/qdouble/material","last_synced_at":"2025-02-25T09:46:10.105Z","repository":{"id":73696419,"uuid":"75323490","full_name":"qdouble/material","owner":"qdouble","description":null,"archived":false,"fork":false,"pushed_at":"2018-08-08T10:55:20.000Z","size":8641,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-08T00:24:23.117Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/qdouble.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2016-12-01T19:04:49.000Z","updated_at":"2018-08-08T10:56:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"d271b52f-2bc4-436f-8afe-2c8f883ae01b","html_url":"https://github.com/qdouble/material","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/qdouble%2Fmaterial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdouble%2Fmaterial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdouble%2Fmaterial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qdouble%2Fmaterial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qdouble","download_url":"https://codeload.github.com/qdouble/material/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240645257,"owners_count":19834392,"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":[],"created_at":"2024-10-11T08:28:42.055Z","updated_at":"2025-02-25T09:46:10.075Z","avatar_url":"https://github.com/qdouble.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Material Design for Angular 2\n[![npm version](https://badge.fury.io/js/%40angular%2Fmaterial.svg)](https://www.npmjs.com/package/%40angular%2Fmaterial)\n[![Build Status](https://travis-ci.org/angular/material2.svg?branch=master)](https://travis-ci.org/angular/material2)\n[![Gitter](https://badges.gitter.im/angular/material2.svg)](https://gitter.im/angular/material2?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge)\n\nThis is the home for the Angular team's Material Design components built on top of Angular 2.\n\n#### Quick links\n[Google group](https://groups.google.com/forum/#!forum/angular-material2),\n[Contributing](https://github.com/angular/material2/blob/master/CONTRIBUTING.md),\n[Plunker Template](http://plnkr.co/edit/o077B6uEiiIgkC0S06dd?p=preview)\n\n### Installation\n\nThe latest release of Angular Material can be installed from npm\n\n`npm install @angular/material`\n\nPlaying with the latest changes from [master](https://github.com/angular/material2/tree/master) is also possible\n\n`npm install https://github.com/angular/material2-builds.git`\n\n### Getting started\n\nSee our [Getting Started Guide][getting-started]\nif you're building your first project with Angular Material 2.\n\n### Project status\nAngular Material 2 is currently in beta and under active development.\nDuring beta, new features will be added regularly and APIs will evolve based on user feedback.\n\nCheck out our [directory of design documents](https://github.com/angular/material2/wiki/Design-doc-directory)\nfor more insight into our process.\n\nIf you'd like to contribute, you must follow our [contributing guidelines](https://github.com/angular/material2/blob/master/CONTRIBUTING.md).\nYou can look through the issues (which should be up-to-date on who is working on which features\nand which pieces are blocked) and make a comment.\nAlso see our [`Good for community contribution`](https://github.com/angular/material2/issues?q=is%3Aissue+is%3Aopen+label%3A%22good+for+community+contribution%22)\nlabel.\n\nHigh level items planned for January 2017:\n* Initial version of md-autocomplete\n* Prototyping for data-table\n* Improvements to https://material.angular.io\n* Continued expanding e2e test coverage\n* More work on scroll / resize handling for overlays\n* Screenshot tests\n* Better development automation\n\n\n#### Feature status:\n\n| Feature          | Status                              | Docs         | Issue          |\n|------------------|-------------------------------------|--------------|----------------|\n| button           |                           Available | [README][1]  |              - |\n| cards            |                           Available | [README][2]  |              - |\n| checkbox         |                           Available | [README][3]  |              - |\n| radio            |                           Available | [README][4]  |              - |\n| input            |                           Available | [README][5]  |              - |\n| sidenav          |                           Available | [README][6]  |              - |\n| toolbar          |                           Available | [README][7]  |              - |\n| list             |                           Available | [README][8]  |   [#107][0107] |\n| grid-list        |                           Available | [README][9]  |              - |\n| icon             |                           Available | [README][10] |              - |\n| progress-spinner |                           Available | [README][11] |              - |\n| progress-bar     |                           Available | [README][12] |              - |\n| tabs             |                           Available | [README][13] |              - |\n| slide-toggle     |                           Available | [README][14] |              - |\n| button-toggle    |                           Available | [README][15] |              - |\n| slider           |                           Available | [README][16] |              - |\n| menu             |                           Available | [README][17] |   [#119][0119] |\n| tooltip          |                           Available | [README][18] |              - |\n| ripples          |                           Available | [README][19] |   [#108][0108] |\n| dialog           |                           Available | [README][22] |   [#114][0114] |\n| snackbar / toast |                           Available | [README][21] |   [#115][0115] |\n| select           |                           Available |           -  |   [#118][0118] |\n| textarea         |                           Available |           -  |              - |\n| autocomplete     |                         In-progress |           -  |   [#117][0117] |\n| chips            |  Initial version, features evolving |           -  |   [#120][0120] |\n| theming          |   Available, need guidance overlays | [Guide][20]  |              - |\n| docs site        |   UX design and tooling in progress |           -  |              - |\n| typography       |                         Not started |           -  |   [#205][0205] |\n| fab speed-dial   |                         Not started |           -  |   [#860][0860] |\n| fab toolbar      |                         Not started |           -  |              - |\n| bottom-sheet     |                         Not started |           -  |              - |\n| bottom-nav       |                         Not started |           -  |   [#408][0408] |\n| virtual-repeat   |                         Not started |           -  |   [#823][0823] |\n| datepicker       |                         Not started |           -  |   [#675][0675] |\n| data-table       |                  Design in-progress |           -  |   [#581][0581] |\n| stepper          |                         Not started |           -  |   [#508][0508] |\n| layout           |   see [angular/flex-layout][lay_rp] |           -  |              - |\n\n [lay_rp]:  https://github.com/angular/flex-layout\n [1]: https://github.com/angular/material2/blob/master/src/lib/button/README.md\n [2]: https://github.com/angular/material2/blob/master/src/lib/card/README.md\n [3]: https://github.com/angular/material2/blob/master/src/lib/checkbox/README.md\n [4]: https://github.com/angular/material2/blob/master/src/lib/radio/README.md\n [5]: https://github.com/angular/material2/blob/master/src/lib/input/README.md\n [6]: https://github.com/angular/material2/blob/master/src/lib/sidenav/README.md\n [7]: https://github.com/angular/material2/blob/master/src/lib/toolbar/README.md\n [8]: https://github.com/angular/material2/blob/master/src/lib/list/README.md\n [9]: https://github.com/angular/material2/blob/master/src/lib/grid-list/README.md\n[10]: https://github.com/angular/material2/blob/master/src/lib/icon/README.md\n[11]: https://github.com/angular/material2/blob/master/src/lib/progress-spinner/README.md\n[12]: https://github.com/angular/material2/blob/master/src/lib/progress-bar/README.md\n[13]: https://github.com/angular/material2/blob/master/src/lib/tabs/README.md\n[14]: https://github.com/angular/material2/blob/master/src/lib/slide-toggle/README.md\n[15]: https://github.com/angular/material2/blob/master/src/lib/button-toggle/README.md\n[16]: https://github.com/angular/material2/blob/master/src/lib/slider/README.md\n[17]: https://github.com/angular/material2/blob/master/src/lib/menu/README.md\n[18]: https://github.com/angular/material2/blob/master/src/lib/tooltip/README.md\n[19]: https://github.com/angular/material2/blob/master/src/lib/core/ripple/README.md\n[20]: https://github.com/angular/material2/blob/master/guides/theming.md\n[21]: https://github.com/angular/material2/blob/master/src/lib/snack-bar/README.md\n[22]: https://github.com/angular/material2/blob/master/src/lib/dialog/README.md\n\n[0107]: https://github.com/angular/material2/issues/107\n[0119]: https://github.com/angular/material2/issues/119\n[0108]: https://github.com/angular/material2/issues/108\n[0114]: https://github.com/angular/material2/issues/114\n[0115]: https://github.com/angular/material2/issues/115\n[0118]: https://github.com/angular/material2/issues/118\n[0546]: https://github.com/angular/material2/issues/546\n[0117]: https://github.com/angular/material2/issues/117\n[0120]: https://github.com/angular/material2/issues/120\n[0123]: https://github.com/angular/material2/issues/123\n[0205]: https://github.com/angular/material2/issues/205\n[0860]: https://github.com/angular/material2/issues/860\n[0408]: https://github.com/angular/material2/issues/408\n[0508]: https://github.com/angular/material2/issues/508\n[0823]: https://github.com/angular/material2/issues/823\n[0675]: https://github.com/angular/material2/issues/675\n[0581]: https://github.com/angular/material2/issues/581\n\n[getting-started]: https://github.com/angular/material2/blob/master/guides/getting-started.md\n[theming]: https://github.com/angular/material2/blob/master/guides/theming.md\n\n\n\"Available\" means that the components or feature is published and available for use, but may still\nbe missing some behaviors or polish.\n\n## The goal of Angular Material\nOur goal is to build a set of high-quality UI components built with Angular 2 and TypeScript,\nfollowing the Material Design spec. These\ncomponents will serve as an example of how to write Angular code following best practices.\n\n### What do we mean by \"high-quality\"?\n* Internationalized and accessible so that all users can use them.\n* Straightforward APIs that don't confuse developers.\n* Behave as expected across a wide variety of use-cases without bugs.\n* Behavior is well-tested with both unit and integration tests.\n* Customizable within the bounds of the Material Design specification.\n* Performance cost is minimized.\n* Code is clean and well-documented to serve as an example for Angular devs.\n\n## Browser and screen reader support\nAngular Material supports the most recent two versions of all major browsers:\nChrome (including Android), Firefox, Safari (including iOS), and IE11 / Edge\n\nWe also aim for great user experience with the following screen readers:\n* NVDA and JAWS with IE / FF / Chrome (on Windows).\n* VoiceOver with Safari on iOS and Safari / Chrome on OSX.\n* TalkBack with Chrome on Android.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqdouble%2Fmaterial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqdouble%2Fmaterial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqdouble%2Fmaterial/lists"}