SGH / COMPONENTS

Blame view

bower_components/paper-spinner/README.md 2.83 KB
Edit Raw Normal View History
73bcce88   luigser   COMPONENTS 
1
a1a3bc73   Luigi Serra   graphs updates 
2
 
  <!---
73bcce88   luigser   COMPONENTS 
3
a1a3bc73   Luigi Serra   graphs updates 
4
5
 
  This README is automatically generated from the comments in these files:
  paper-spinner-behavior.html  paper-spinner-lite.html  paper-spinner.html
73bcce88   luigser   COMPONENTS 
6
a1a3bc73   Luigi Serra   graphs updates 
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
  Edit those files, and our readme bot will duplicate them over here!
  Edit this file, and the bot will squash your changes :)
  
  -->
  
  [![Build Status](https://travis-ci.org/PolymerElements/paper-spinner.svg?branch=master)](https://travis-ci.org/PolymerElements/paper-spinner)
  
  _[Demo and API Docs](https://elements.polymer-project.org/elements/paper-spinner)_
  
  
  ##&lt;paper-spinner&gt;
  
  
  Material design: [Progress & activity](https://www.google.com/design/spec/components/progress-activity.html)
  
  Element providing a multiple color material design circular spinner.
  
      <paper-spinner active></paper-spinner>
73bcce88   luigser   COMPONENTS 
25
26
 
  
  The default spinner cycles between four layers of colors; by default they are
a1a3bc73   Luigi Serra   graphs updates 
27
28
29
30
 
  blue, red, yellow and green. It can be customized to cycle between four different
  colors. Use <paper-spinner-lite> for single color spinners.
  
  ### Accessibility
73bcce88   luigser   COMPONENTS 
31
32
33
34
35
36
 
  
  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).
a1a3bc73   Luigi Serra   graphs updates 
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
 
      <paper-spinner alt="Loading contacts list" active></paper-spinner>
  
  ### Styling
  
  The following custom properties and mixins are available for styling:
  
  Custom property | Description | Default
  ----------------|-------------|----------
  `--paper-spinner-layer-1-color` | Color of the first spinner rotation | `--google-blue-500`
  `--paper-spinner-layer-2-color` | Color of the second spinner rotation | `--google-red-500`
  `--paper-spinner-layer-3-color` | Color of the third spinner rotation | `--google-yellow-500`
  `--paper-spinner-layer-4-color` | Color of the fourth spinner rotation | `--google-green-500`
  
  
  
  ##&lt;paper-spinner-lite&gt;
  
  
  Material design: [Progress & activity](https://www.google.com/design/spec/components/progress-activity.html)
  
  Element providing a single color material design circular spinner.
  
      <paper-spinner-lite active></paper-spinner-lite>
  
  The default spinner is blue. It can be customized to be a different color.
  
  ### Accessibility
  
  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).
  
      <paper-spinner-lite alt="Loading contacts list" active></paper-spinner-lite>
  
  ### Styling
  
  The following custom properties and mixins are available for styling:
  
  Custom property | Description | Default
  ----------------|-------------|----------
  `--paper-spinner-color` | Color of the spinner | `--google-blue-500`
73bcce88   luigser   COMPONENTS 
81
a1a3bc73   Luigi Serra   graphs updates 
82
 
  <!-- No docs for Polymer.PaperSpinnerBehavior found. -->