@@ -92,7 +92,7 @@ The actual star rating value. The color of the stars depends on the rating numbe
92
92
</div >
93
93
</div >
94
94
```
95
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-value.PNG " width =" 290 " >
95
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-value.PNG " width =" 290 " >
96
96
97
97
** .half** :
98
98
If set, every rating value will have a hlaf star at the end.
@@ -103,8 +103,8 @@ If set, every rating value will have a hlaf star at the end.
103
103
...stars...
104
104
</div >
105
105
</div >```
106
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-show_half_stars-false.PNG" width =" 290" >
107
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-show_half_stars-true.PNG" width =" 290" >
106
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-show_half_stars-false.PNG" width =" 290" >
107
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-show_half_stars-true.PNG" width =" 290" >
108
108
109
109
**text**: string (Optional)
110
110
The text next to the stars.
@@ -118,7 +118,7 @@ Default: undefined
118
118
</div >
119
119
</div >
120
120
```
121
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-text.PNG " width =" 290 " >
121
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-text.PNG " width =" 290 " >
122
122
123
123
** .label-[ POSITION] ** :
124
124
The position of the label.
@@ -135,10 +135,10 @@ The position of the label.
135
135
</div >
136
136
</div >
137
137
```
138
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-label-top.PNG " width =" 290 " >
139
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-label-bottom.PNG " width =" 290 " >
140
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-label-right.PNG " width =" 290 " >
141
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-label-left.PNG " width =" 290 " >
138
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-label-top.PNG " width =" 290 " >
139
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-label-bottom.PNG " width =" 290 " >
140
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-label-right.PNG " width =" 290 " >
141
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-label-left.PNG " width =" 290 " >
142
142
143
143
** .spread** :
144
144
If the start use the whole space or not.
@@ -150,8 +150,8 @@ If the start use the whole space or not.
150
150
</div >
151
151
</div >
152
152
```
153
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-spread-false.PNG " width =" 290 " >
154
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-spread-true.PNG " width =" 290 " >
153
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-spread-false.PNG " width =" 290 " >
154
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-spread-true.PNG " width =" 290 " >
155
155
156
156
** .[ SIZE] ** :
157
157
The height and width of the stars.
@@ -165,9 +165,9 @@ The height and width of the stars.
165
165
</div >
166
166
</div >
167
167
```
168
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-size-small.PNG " width =" 290 " >
169
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-size-medium.PNG " width =" 290 " >
170
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-size-large.PNG " width =" 290 " >
168
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-size-small.PNG " width =" 290 " >
169
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-size-medium.PNG " width =" 290 " >
170
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-size-large.PNG " width =" 290 " >
171
171
172
172
** color-[ COLOR_NAME] ** :
173
173
- .color-default
@@ -182,10 +182,10 @@ The height and width of the stars.
182
182
</div >
183
183
</div >
184
184
```
185
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-color-default.PNG " width =" 290 " >
186
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-color-positive.PNG " width =" 290 " >
187
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-color-middle.PNG " width =" 290 " >
188
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-color-negative.PNG " width =" 290 " >
185
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-color-default.PNG " width =" 290 " >
186
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-color-positive.PNG " width =" 290 " >
187
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-color-middle.PNG " width =" 290 " >
188
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-color-negative.PNG " width =" 290 " >
189
189
190
190
** .disabled** :
191
191
The click callback is disabled, colors are transparent
@@ -197,8 +197,8 @@ The click callback is disabled, colors are transparent
197
197
</div >
198
198
</div >
199
199
```
200
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-disabled-false.PNG " width =" 290 " >
201
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-disabled-true.PNG " width =" 290 " >
200
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-disabled-false.PNG " width =" 290 " >
201
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-disabled-true.PNG " width =" 290 " >
202
202
203
203
** .direction-[ DIRECTION] ** :
204
204
The direction of the stars and label.
@@ -212,8 +212,8 @@ The direction of the stars and label.
212
212
</div >
213
213
</div >
214
214
```
215
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-direction-rtl.gif " width =" 290 " >
216
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-direction-ltr.gif " width =" 290 " >
215
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-direction-rtl.gif " width =" 290 " >
216
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-direction-ltr.gif " width =" 290 " >
217
217
218
218
** .[ ANIMATION_SPEED] ** :
219
219
The duration of the animation in ms.
@@ -228,9 +228,9 @@ The duration of the animation in ms.
228
228
</div >
229
229
</div >
230
230
```
231
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-animation_speed-immediately.gif " width =" 290 " >
232
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-animation_speed-noticeable.gif " width =" 290 " >
233
- <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/prop-animation_speed-slow.gif " width =" 290 " >
231
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-animation_speed-immediately.gif " width =" 290 " >
232
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-animation_speed-noticeable.gif " width =" 290 " >
233
+ <img src =" https://raw.githubusercontent.com/BioPhoton/css-star-rating/master/resources/images/ prop-animation_speed-slow.gif " width =" 290 " >
234
234
235
235
** starType** : starRatingStarTypes (Optional)
236
236
The type of start resource to use.
0 commit comments