docs: change progress-circle to progress-spinner (#2313)

* (docs): change progress-circle to progress-spinner

Fix broken link and change docs to reflect renaming progress-circle to progress-spinner

* (docs): fix alignment
This commit is contained in:
alexisbmills
2016-12-22 02:23:20 +08:00
committed by Jeremy Elbourn
parent 6262c0bae2
commit daf894dc2f
2 changed files with 11 additions and 11 deletions
+2 -2
View File
@@ -55,7 +55,7 @@ High level items planned for December 2016:
| list | Available | [README][8] | [#107][0107] |
| grid-list | Available | [README][9] | - |
| icon | Available | [README][10] | - |
| progress-circle | Available | [README][11] | - |
| progress-spinner | Available | [README][11] | - |
| progress-bar | Available | [README][12] | - |
| tabs | Available | [README][13] | - |
| slide-toggle | Available | [README][14] | - |
@@ -95,7 +95,7 @@ High level items planned for December 2016:
[8]: https://github.com/angular/material2/blob/master/src/lib/list/README.md
[9]: https://github.com/angular/material2/blob/master/src/lib/grid-list/README.md
[10]: https://github.com/angular/material2/blob/master/src/lib/icon/README.md
[11]: https://github.com/angular/material2/blob/master/src/lib/progress-circle/README.md
[11]: https://github.com/angular/material2/blob/master/src/lib/progress-spinner/README.md
[12]: https://github.com/angular/material2/blob/master/src/lib/progress-bar/README.md
[13]: https://github.com/angular/material2/blob/master/src/lib/tabs/README.md
[14]: https://github.com/angular/material2/blob/master/src/lib/slide-toggle/README.md
+9 -9
View File
@@ -1,22 +1,22 @@
# md-progress-circle
# md-progress-spinner
`md-progress-circle` is a component for indicating progress and activity, matching the spec of
`md-progress-spinner` is a component for indicating progress and activity, matching the spec of
[Material Design Progress & Activity](https://www.google.com/design/spec/components/progress-activity.html).
### Progress Modes
There are two modes:
1. Determinate - `<md-progress-circle mode="determinate">`
1. Determinate - `<md-progress-spinner mode="determinate">`
* Indicates how long an operation will take when the percentage complete is detectable.
2. Indeterminate - `<md-progress-circle mode="indeterminate">` or `<md-spinner>`
2. Indeterminate - `<md-progress-spinner mode="indeterminate">` or `<md-spinner>`
* Indicates the user must wait while something finishes when it’s not necessary or possible to indicate how long it
will take.
Example:
```html
<md-progress-circle mode="determinate" [value]="myValue"></md-progress-circle>
<md-progress-circle mode="indeterminate"></md-progress-circle>
<md-progress-spinner mode="determinate" [value]="myValue"></md-progress-spinner>
<md-progress-spinner mode="indeterminate"></md-progress-spinner>
<md-spinner></md-spinner>
```
@@ -27,9 +27,9 @@ All progress indicators can be themed to match your "primary" palette, your "acc
Example:
```html
<md-progress-circle mode="indeterminate" color="primary"></md-progress-circle>
<md-progress-circle mode="indeterminate" color="accent"></md-progress-circle>
<md-progress-circle mode="indeterminate" color="warn"></md-progress-circle>
<md-progress-spinner mode="indeterminate" color="primary"></md-progress-spinner>
<md-progress-spinner mode="indeterminate" color="accent"></md-progress-spinner>
<md-progress-spinner mode="indeterminate" color="warn"></md-progress-spinner>
```
### Accessibility