@@ -45,24 +45,24 @@ The default rating icon is a star. Set the total and rating props. The `id` prop
45
45
46
46
## Stars
47
47
48
- You can use the Star component with the ` id ` and ` fillPercent ` props.
48
+ You can use the Star component with the ` iconIndex ` and ` fillPercent ` props.
49
49
50
50
``` svelte example class="flex"
51
51
<script>
52
52
import { Star } from "flowbite-svelte";
53
53
</script>
54
54
55
- <Star size={50} id="0" fillPercent={0} />
56
- <Star size={50} id="10" fillPercent={10} />
57
- <Star size={50} id="20" fillPercent={20} />
58
- <Star size={50} id="30" fillPercent={30} />
59
- <Star size={50} id="40" fillPercent={40} />
60
- <Star size={50} id="50" fillPercent={50} />
61
- <Star size={50} id="60" fillPercent={60} />
62
- <Star size={50} id="70" fillPercent={70} />
63
- <Star size={50} id="80" fillPercent={80} />
64
- <Star size={50} id="90" fillPercent={90} />
65
- <Star size={50} id=" 100" fillPercent={100} />
55
+ <Star size={30} iconIndex={0} fillPercent={0} />
56
+ <Star size={30} iconIndex={10} fillPercent={10} />
57
+ <Star size={30} iconIndex={20} fillPercent={20} />
58
+ <Star size={30} iconIndex={30} fillPercent={30} />
59
+ <Star size={30} iconIndex={40} fillPercent={40} />
60
+ <Star size={30} iconIndex={50} fillPercent={50} />
61
+ <Star size={30} iconIndex={60} fillPercent={60} />
62
+ <Star size={30} iconIndex={70} fillPercent={70} />
63
+ <Star size={30} iconIndex={80} fillPercent={80} />
64
+ <Star size={30} iconIndex={90} fillPercent={90} />
65
+ <Star size={30} iconIndex={ 100} fillPercent={100} />
66
66
```
67
67
68
68
## Rating with text
0 commit comments