aws-amplify / aws-amplify/amplify-ui

FR (Primitives): RatingField primitive

Open
#3,936 0 comments 0 reactions 0 assignees View on GitHub
feature-request Primitive
Dominant language
TypeScript
Stars
1.1k
Forks
347
Avg merge
18h 29m
Merged PRs (30d)
9

Description

### On which framework/platform would you like to see this feature implemented?

React

### Which UI component is this feature-request for?

Primitive components

### Please describe your feature-request in detail.

Create a RatingField primitive that can be used to select a rating; users can click on a star to select a rating as a form field.

### Please describe a solution you'd like.

This is similar to an exclusive ToggleButtonGroup but with additional styles to show filled states for rating options that are less than what the user selects; for example if the user selects the third star, then the previous two stars would also show as filled.

The current [Rating component](https://ui.docs.amplify.aws/react/components/rating) is not interactive and is only a visual display of a rating.

### We love contributors! Is this something you'd be interested in working on?

- [ ] 👋 I may be able to implement this feature request.
- [ ] ⚠️ This feature might incur a breaking change.

Contributor guide

Open the contributing guide

Research direction

Review the existing Rating component and the exclusive ToggleButtonGroup pattern mentioned in the issue. Define the interactive form-field behavior, including selection and filled states for lower ratings, then verify the design and accessibility requirements before implementation. Done means a React primitive supports selecting a rating with the requested visual behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.