Create a generic SelectBox Component

[irshadjsr21]

• Create the component as shown in the design.
• The component should be responsive so that it looks good in both desktop and mobile view.
• Create a generic select component which takes the following props:
  • label: Label of input
  • id : unique key
  • options: Array of Object{name: '', value: ''} Array of options to be displayed. Must contain a name and a value
  • value: The value of the option which is selected.
  • error: Error to be displayed like ‘Name is required’, Default is null.
  • onChange: value => console.log(value), A Callback function which takes the new selected option value as a parameter.
• The select box should display the provided label prop & have the unique id.
• The select box should display all the given options and have the value as it's the current selected option.
• It should also display the given error if it is provided.
• It should call the onChange function when the selection is changed.

For Design Reference Click Here

Location to save the component src->components->common->selectBox

[Gautam-Arora24]

Shall I give a try to this issue?

[irshadjsr21]

Hola Coder @Gautam-Arora24 !
It's time to start working on the issue assigned to you⏳
Please raise the PR till 31st October⏱ for getting evaluated. And don't forget to register at here: https://tinyurl.com/buildwithgsblr to earn the exciting badges🎖

Feel free to post your queries in the comments thread.
Also, you can discuss at Google groups: codewithgsblr-forum@googlegroups.com or email us at girlscriptblr@gmail.com

[smilegupta]

@Gautam-Arora24 If stuck anywhere, Feel free to post your queries in the comments thread.
Also, you can discuss at Google groups: codewithgsblr-forum@googlegroups.com or email us at girlscriptblr@gmail.com

[Gautam-Arora24]

Actually I haven't started with this issue yet. Actually I was busy in a Hackathon. The Hackathon will get over on 31st October and as soon as it gets over I will start working on this issue and make a PR as soon as possible. Or If I get time in between I will surely work on this. Hope you understand

[Denisqo]

I can do this issue if you don't have time. @Gautam-Arora24

[Gautam-Arora24]

@Denisqo I will start working on this issue from tomorrow