Index: third_party/polymer/v0_8/components-chromium/paper-spinner/README.md |
diff --git a/third_party/polymer/v0_8/components-chromium/paper-spinner/README.md b/third_party/polymer/v0_8/components-chromium/paper-spinner/README.md |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c447c8bb0c9232b6ced32ac9f03186f51e0444a2 |
--- /dev/null |
+++ b/third_party/polymer/v0_8/components-chromium/paper-spinner/README.md |
@@ -0,0 +1,45 @@ |
+paper-spinner |
+============= |
+ |
+Element providing material design circular spinner. |
+ |
+##### Example |
+ |
+```html |
+<paper-spinner active></paper-spinner> |
+``` |
+ |
+The default spinner cycles between four layers of colors; by default they are |
+blue, red, yellow and green. It can be customized so that it uses one color only |
+by setting all the layer colors to the same value. |
+ |
+##### Example |
+ |
+```html |
+<style is="custom-style"> |
+ paper-spinner .rainbow { |
+ --paper-spinner-layer-1-color: yellow; |
+ --paper-spinner-layer-2-color: red; |
+ --paper-spinner-layer-3-color: blue; |
+ --paper-spinner-layer-4-color: green; |
+ } |
+ |
+ paper-spinner .red { |
+ --paper-spinner-layer-1-color: red; |
+ --paper-spinner-layer-2-color: red; |
+ --paper-spinner-layer-3-color: red; |
+ --paper-spinner-layer-4-color: red; |
+ } |
+</style> |
+``` |
+ |
+Alt attribute should be set to provide adequate context for accessibility. If not provided, |
+it defaults to 'loading'. |
+Empty alt can be provided to mark the element as decorative if alternative content is provided |
+in another form (e.g. a text block following the spinner). |
+ |
+##### Example |
+ |
+```html |
+<paper-spinner alt="Loading contacts list" active></paper-spinner> |
+``` |