Mood Selector

This content originally appeared on DEV Community and was authored by Mads Stoumann

Throughout this week, the “Star (rating) Wars” have run here on dev.to.

With proposals by @inhuofficial , @lapstjup , @link2twenty , @afif , @siddharthshyniben and possisble others – dev.to has been plastered in “Star Rating” components!

My proposal was a single input solution, allowing for any number of stars, also half- and quarter-stars – without adding extra markup.

All the other solutions use groups of <input type="radio">-tags, so I decided to do a component with just that, but not with stars.

Instead, pick your mood after these dramatic days – no JavaScript required:

Thanks for reading ?

This content originally appeared on DEV Community and was authored by Mads Stoumann

Print Share Comment Cite Upload Translate Updates

APA

Mads Stoumann | Sciencx (2021-07-07T14:33:38+00:00) Mood Selector. Retrieved from https://www.scien.cx/2021/07/07/mood-selector/

MLA

" » Mood Selector." Mads Stoumann | Sciencx - Wednesday July 7, 2021, https://www.scien.cx/2021/07/07/mood-selector/

HARVARD

Mads Stoumann | Sciencx Wednesday July 7, 2021 » Mood Selector., viewed ,<https://www.scien.cx/2021/07/07/mood-selector/>

VANCOUVER

Mads Stoumann | Sciencx - » Mood Selector. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/07/mood-selector/

CHICAGO

" » Mood Selector." Mads Stoumann | Sciencx - Accessed . https://www.scien.cx/2021/07/07/mood-selector/

IEEE

" » Mood Selector." Mads Stoumann | Sciencx [Online]. Available: https://www.scien.cx/2021/07/07/mood-selector/. [Accessed: ]

rf:citation

» Mood Selector | Mads Stoumann | Sciencx | https://www.scien.cx/2021/07/07/mood-selector/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.