X Tutup
The Wayback Machine - https://web.archive.org/web/20191206045738/https://github.com/angular/components
Skip to content

/components

Component infrastructure and Material Design components for Angular
angular material-design material angular-components
TypeScript HTML CSS Python Other
  1. TypeScript 83.1%
  2. HTML 6.4%
  3. CSS 5.5%
  4. Python 3.7%
  5. Other 1.3%
Branch: master
Find file
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Download ZIP

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching Xcode...

If nothing happens, download Xcode and try again.

Launching Visual Studio...

If nothing happens, download the GitHub extension for Visual Studio and try again.

@josephperrott @jelbourn
josephperrott and jelbourn ci: update saucelabs to use angular-components account (#17873) 
Currently all saucelabs usage in our repos is done using the same
account angular-ci.  By migrating to use individual accounts
for each repo, we can better track the usage for each repo as well
as providing concurrency limiting on a per repo basis.
Latest commit c1d8986 Dec 5, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci ci: update saucelabs to use angular-components account (#17873) Dec 5, 2019
.github chore: add FocusTrap demo page (#17858) Dec 4, 2019
.vscode chore: disable vscode autoformat settings (#15406) Mar 7, 2019
guides docs: create migration guide for v9 hammer migration (#17752) Nov 20, 2019
scripts build: migrate to new --define=angular_ivy_enabled flag (#17792) Dec 3, 2019
src docs(cdk/testing): fix typo in harness guide (#17883) Dec 5, 2019
test feat(material/list): add test harnesses for list components (#17859) Dec 4, 2019
tools fix(google-maps): unable to subscribe to events after initialization (#… Dec 4, 2019
.bazelignore build: update to Angular 7.0.1 http_archive & @angular/bazel package (#… Oct 29, 2018
.bazelrc build: migrate to new --define=angular_ivy_enabled flag (#17792) Dec 3, 2019
.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 refactor: enable Ivy and fix template type checking issues (#17392) Oct 22, 2019
BUILD.bazel build: validate bazel rollup globals (#17173) Oct 1, 2019
CHANGELOG.md chore: bump version to 9.0.0-rc.4 w/ changelog (#17793) Nov 23, 2019
CODE_REVIEWS.md build: restructure demo-app in favor of bazel (#13965) Nov 15, 2018
CODING_STANDARDS.md chore: remove noRxjsPatchImportsRule (#10765) Apr 10, 2018
CONTRIBUTING.md build: changelog should collect deprecations (#17740) Nov 18, 2019
DEV_ENVIRONMENT.md docs: describe dev-env setup for Windows machines (#17467) Oct 25, 2019
FAQ.md docs: update readme and add FAQ (#17814) Dec 3, 2019
LICENSE chore: bump year (#14688) Jan 3, 2019
README.md docs: update readme and add FAQ (#17814) Dec 3, 2019
WORKSPACE build: update to rules_nodejs v0.41.0 (#17811) Nov 25, 2019
angular-tsconfig.json build: run snapshot local browser tests with bazel (#16832) Aug 21, 2019
build-config.js prototype(checkbox): create prototype checkbox based on MDC Web (#15782) Apr 16, 2019
firebase.json build: fix dev-app deployment to firebase (#14529) Dec 18, 2018
gulpfile.js build: throw when running build tasks inside of a directory with spac… Nov 14, 2018
package.json build: update to latest Angular version (#17877) Dec 5, 2019
packages.bzl build: migrate to new --define=angular_ivy_enabled flag (#17792) Dec 3, 2019
rollup-globals.bzl build: use genrule to generate example module (#17615) Nov 6, 2019
tsconfig.json build: use genrule to generate example module (#17615) Nov 6, 2019
tslint.json build: disallow usages of the first operator (#17836) Nov 28, 2019
yarn.lock build: update to latest Angular version (#17877) Dec 5, 2019

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 interation 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][./FAQ] | 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.

High level work planned for Q4 2019 (Oct - Dec):

  • Remove dependency on HammerJS
  • Finish remaining test harnesses for Angular Material components
  • Continuing to create new, API-compatible versions of the Angular Material components backed by MDC Web (see @jelbourn's ng-conf talk).
  • New @angular/google-maps package
  • New @angular/cdk/clipboard subpackage

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.
X Tutup