Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The stars are aligned vertically. #95

Open
yanase-kenta0505 opened this issue Apr 30, 2023 · 1 comment
Open

The stars are aligned vertically. #95

yanase-kenta0505 opened this issue Apr 30, 2023 · 1 comment

Comments

@yanase-kenta0505
Copy link

I have specified only value and isEdit for ReactStarsRating, but the stars are aligned vertically.
I am looking for a way to make this horizontal. Is there a property available to specify horizontal alignment?

@fedoryakubovich
Copy link
Owner

fedoryakubovich commented Apr 30, 2023

I have specified only value and isEdit for ReactStarsRating, but the stars are aligned vertically. I am looking for a way to make this horizontal. Is there a property available to specify horizontal alignment?

@yanase-kenta0505 By default it's aligned horizontal and doesn't have property for aligning. But there are many ways how to fix this. The simpliest way it's pass id prop into component and set style for this by id.

Pseudocode:

    <ReactStarsRating
      isEdit
      value={value}
      id="simple"
    />
#simple {
    display: flex;
    flex-direction: row;
}

Please let me know if this is helpful or not.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants