Skip to content
Component infrastructure and Material Design components for Angular
TypeScript HTML CSS Starlark Other
Branch: master
Clone or download

Latest commit

andrewseguin chore: bump version to 9.2.0 w/ changelog (#18921)
* chore: bump version to 9.2.0 w/ changelog

* add comment about TypeScript 3.8
Latest commit 29e74eb Mar 26, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci build: update to typescript v3.8 (#18789) Mar 12, 2020
.github build: update to typescript v3.8 (#18789) Mar 12, 2020
.vscode chore: disable vscode autoformat settings (#15406) Mar 7, 2019
.yarn build: vendor yarn using the .yarnrc yarn-path value (#18495) Feb 20, 2020
guides docs(theming): removed extra only (angular#35465) (#18510) Feb 20, 2020
integration/ts-compat build: update to typescript v3.8 (#18789) Mar 12, 2020
scripts build: setup snapshot builds for experimental and new packages (#18736) Mar 10, 2020
src refactor(material-experimental/mdc-form-field): unset MDC custom base… Mar 25, 2020
test feat(cdk/testing): Allow custom `querySelectorAll` method (#18178) Mar 9, 2020
tools build: update to angular v9.1.0 (#18904) Mar 25, 2020
.bazelignore build: update to Angular 7.0.1 http_archive & @angular/bazel package (#… Oct 29, 2018
.bazelrc build: ensure correct toolchains used for remote execution (#18803) Mar 12, 2020
.bazelversion build: update to bazel v2.1.0 (#18457) Feb 12, 2020
.clang-format chore: add `yarn format` command and pre-commit hook to ensure code i… Feb 9, 2019
.editorconfig chore: remove `indent_size = 2` from editorconfig as it messes up the ( Jun 10, 2019
.firebaserc feat(table): support sticky headers, footers, and columns (#11483) Jun 7, 2018
.gitignore build: use genrule to generate example module (#17615) Nov 6, 2019
.stylelintrc.json fix(material-experimental/mdc-list): fix styles for normal lists (#18632 Mar 12, 2020
.yarnrc build: vendor yarn using the .yarnrc yarn-path value (#18495) Feb 20, 2020
BUILD.bazel build: enforce golden files and lint entry-point configuration (#18092) Jan 6, 2020
CHANGELOG.md chore: bump version to 9.2.0 w/ changelog (#18921) Mar 25, 2020
CHANGELOG_ARCHIVE.md chore: split portion of CHANGELOG.md (#18731) Mar 6, 2020
CODE_REVIEWS.md build: restructure demo-app in favor of bazel (#13965) Nov 15, 2018
CODING_STANDARDS.md docs(coding standards): when to use getters & observable naming (#18792) Mar 16, 2020
CONTRIBUTING.md build: changelog should collect deprecations (#17740) Nov 18, 2019
DEV_ENVIRONMENT.md build: upload release packages as job artifacts for PRs (#18710) Mar 5, 2020
FAQ.md docs: fixed minor typos and table formatting (#18042) Dec 29, 2019
LICENSE chore: bump year (#18078) Jan 6, 2020
README.md docs: clarify "what we're working on" in readme (#18725) Mar 5, 2020
WORKSPACE build: do not hide output of bazel yarn install (#18765) Mar 9, 2020
angular-tsconfig.json build: remove unused dependencies (#17988) Dec 17, 2019
build-config.js prototype(checkbox): create prototype checkbox based on MDC Web (#15782) Apr 16, 2019
firebase.json build: add script to deploy dev-app web package to firebase (#17989) Dec 17, 2019
gulpfile.js build: remove unused dependencies (#17988) Dec 17, 2019
package.json chore: bump version to 9.2.0 w/ changelog (#18921) Mar 25, 2020
packages.bzl demo(mdc-list): Add a demo page for the MDC-based list (#18604) Feb 26, 2020
rollup-globals.bzl feat(cdk/testing): Allow custom `querySelectorAll` method (#18178) Mar 9, 2020
scss-bundle.config.json build: update scss-bundle to avoid node-sass dependency (#17978) Dec 16, 2019
tsconfig.json build: support for lazily loading examples in dev-app or docs Feb 18, 2020
tslint.json feat(cdk/testing): Allow custom `querySelectorAll` method (#18178) Mar 9, 2020
yarn.lock build: update to angular v9.1.0 (#18904) Mar 25, 2020

README.md

Official components for Angular

npm version Build status Gitter

The Angular team builds and maintains both common UI components and tools to help you build your own custom components. The team maintains several npm packages.

Package Description Docs
@angular/cdk Library that helps you author custom UI components with common interaction patterns Docs
@angular/material Material Design UI components for Angular applications Docs
@angular/google-maps Angular components built on top of the Google Maps JavaScript API Docs
@angular/youtube-player Angular component built on top of the YouTube Player API Docs

Quick links

Documentation, demos, and guides | Frequently Asked Questions | Community Google group | Contributing | StackBlitz Template

Getting started

See our Getting Started Guide if you're building your first project with Angular Material.

Contributing

If you'd like to contribute, please follow our contributing guidelines. Please see our help wanted label for a list of issues with good opportunities for contribution.

What we're working on now (Q1 2020):

  • Date-range picker
  • Remaining test harnesses for Angular Material components (four remaining as of January)
  • Continuing to create new, API-compatible versions of the Angular Material components backed by MDC Web (see @jelbourn's ng-conf talk). There are five remaining components to complete here as of January.
  • Add support for density configuration for the new components based on MDC Web.
  • Authoring benchmarks to collect performance metrics for Angular Material components. These benchmarks will live inside Google's internal code repository for the time being, but we should be able to publish the results.

About the team

The Angular Components team is part of the Angular team at Google. The team includes both Google employees and community contributors from around the globe.

Our team has two primary goals:

  • Build high-quality UI components that developers can drop into existing applications
  • Provide tools that help developers build their own custom components with common interaction patterns

What do we mean by "high-quality" components?

  • Internationalized and accessible so that all users can use them.
  • Straightforward APIs that don't confuse developers.
  • Behave as expected across a wide variety of use-cases without bugs.
  • Behavior is well-tested with both unit and integration tests.
  • Customizable within the bounds of the Material Design specification.
  • Performance cost is minimized.
  • Code is clean and well-documented to serve as an example for Angular developers.

Browser and screen reader support

The Angular Components team supports the most recent two versions of all major browsers: Chrome (including Android), Firefox, Safari (including iOS), and IE11 / Edge.

We aim for great user experience with the following screen readers:

  • Windows: NVDA and JAWS with IE11 / FF / Chrome.
  • macOS: VoiceOver with Safari / Chrome.
  • iOS: VoiceOver with Safari
  • Android: Android Accessibility Suite (formerly TalkBack) with Chrome.
  • Chrome OS: ChromeVox with Chrome.
You can’t perform that action at this time.