ember-cli-star-rating icon indicating copy to clipboard operation
ember-cli-star-rating copied to clipboard

Provide off-the-shelf components for popular icon libraries

Open balinterdi opened this issue 10 years ago • 3 comments

There would be a star-rating-glyph, star-rating-fa, and a few others. This way, the user wouldn't even have to provide the classes for the desired icon library.

The idea was brought up by César in #8 , so see the discussion there.

balinterdi avatar Feb 12 '16 16:02 balinterdi

This are some of the most used icon fonts:

Font awesome

<i class="fa fa-fw fa-star"></i>
<i class="fa fa-fw fa-star-o"></i>

Icomoon

<i class="icomoon icon-star-3"></i>
<i class="icomoon icon-star"></i>

These can change depending if you use a custom build.

Ion Icons

<i class="ionicons ion-android-star"></i>
<i class="ionicons ion-android-star-outline"></i>

Material Icons

<i class="material-icons">star</i>
<i class="material-icons">star_border</i>

This needs the icon in the content, so a couple new properties, maybe fullText and emptyText would be needed.

Foundation font icons

<i class="fi-star"></i>
<i class="fi-star empty"></i>

No empty star for foundation but the class empty could perhaps be used to style it with a different color.

I'm planning on creating the components for these, does it look right?

cesarizu avatar Feb 13 '16 02:02 cesarizu

Thank you for the research. I'd add off-the-shelf components for glyphicons, font awesome, icomoon and ion icons as there are the ones where simply passing class names does the job.

I'd let the user use the block form of the component where more work is needed (material icons and foundation font icons).

What do you think?

balinterdi avatar Feb 13 '16 09:02 balinterdi

Do #19 first.

balinterdi avatar Oct 19 '18 10:10 balinterdi