{"repo":"mehefujali/next-flex-rating","free":true,"listed":false,"github":"https://github.com/mehefujali/next-flex-rating","clone":"git clone https://github.com/mehefujali/next-flex-rating.git","description":"A lightweight and flexible rating component for React & Next.js. Supports fractional values, custom icons, and accessibility.","language":"TypeScript","stars":13,"topics":["nextjs","reaact","npm","open-source","starrating"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"next-flex-rating A lightweight, flexible, and fully customizable rating component designed for React and Next.js. Built with TypeScript, next-flex-rating has zero dependencies and provides full support for fractional values, custom icons (SVG, Emojis, Components), and accessibility (keyboard navigation). Demo https://next-flex-rating-demo.vercel.app Features - Fractional Ratings: Display precise values like 4.3 or 2.5 . - Custom Icons: Use any React node (SVG, Emoji, Component) for filled and empty states. - Full Style Control: Customize size , spacing , and color via props. - Controlled & Read-Only: Use as a controlled input with onChange or as a readOnly display. - Zero Dependencies: Extremely lightweight and fast, adding no bloat to your project. - TypeScript Ready: Fully typed out of the box for a superior developer experience. - Accessible: Full keyboard support ( ArrowLeft , ArrowRight ) and ARIA attributes. --- Installation Install the package using npm or yarn: Bashyarn add next-flex-rating Basic Usage1. Read-Only DisplayThis is the simplest way to use the component. It's ideal for displaying an existing rating.JavaScriptimport { Rating } from 'next-flex-rating'; 2. Controlled (Interactive) ComponentTo capture user input, manage the value in your component's state and pass the onChange handler.JavaScriptimport React, { useState } from 'react'; Customization Examples1. Custom Icons (Emoji) and SizingYou can pass simple strings or emojis as icons and control the size an","default_branch":null,"files":null,"tree":[],"storefront":"/r/mehefujali","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mehefujali/next-flex-rating/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}