Installation Link
Copy the following to the <head>
of your HTML
<link rel="stylesheet" href="https://design-with-ira.netlify.app/installationLinks/rating.css">
To implement a rating component, create a wrapper element and add the class rating-wrapper
to it. Inside the wrapper create the required number of radio buttons
with label. Give the desired icon inside the label element.
To create rating with primary/secondary colors, add the class wrap-primary
to the wrapper. To create rating with other colors, add the class wrap-color
to the wrapper.
To set the color of the color wrapper, use the following CSS properties
CSS properties for wrap-color
--color-rating-before: <color>;
--color-rating-after: <color>;