Coder Social home page Coder Social logo

teddy95 / starry Goto Github PK

View Code? Open in Web Editor NEW
18.0 3.0 4.0 36.41 MB

JavaScript star rating system ๐ŸŒŸ๐ŸŒƒ๐Ÿ’–

Home Page: https://teddy95.github.io/Starry

License: Other

CSS 7.63% JavaScript 92.37%
star starrating rating javascript starry star-rating js css icons cookie

starry's Introduction

Hello World ๐Ÿ‘‹

starry's People

Contributors

teddy95 avatar thegreatrambler avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

starry's Issues

New icon names

New filenames for icons.

Old:

  • star_grey.png
  • star_color.png
  • star_hover.png

New:

  • unrated.png
  • rated.png
  • hover.png

New icons

New default star icons.

  • 32px ร— 32px
  • 24px ร— 24px

How to change size?

<div id="star-rating"></div>
const starRating = new Starry(starRatingEl);

starRating.update({
  stars: 6
})

I use starry like above. I thougt I can change stars size by changing css file with selector '#star-rating'
like this,

#star-rating {
  width: 20px;
}

but it didn't do anything about sizing stars

In your documentation, stars are small... Can you tell me how to change size of stars?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.