ConsenSysMesh / ConsenSysMesh/rimble-ui

Add validation for Checkbox and Radio inputs

Open
#342 2 comments 0 reactions 0 assignees View on GitHub
enhancement needs discussion
Dominant language
JavaScript
Stars
455
Forks
60
PR merge metrics
No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**
When a Checkbox or Radio is set to required, then validated, there is no indication that the fields are invalid.

**Describe the solution you'd like**
Add a border around the Checkbox or Radio input that shows green/red for valid/invalid input.

**Describe alternatives you've considered**
Could manually re-create the effect.

**Additional context**
This was requested by a Rimble user during the gitcoin hackathon. The Form example does not show how to use Checkbox or Radio, and when added they do not change when invalid/valid.

There is code in the Form that implies support for Checkbox:
https://github.com/ConsenSys/rimble-ui/blob/master/src/Form/index.js
> Form.Check

**Example implementation of Form with different input elements:**
https://codesandbox.io/embed/vvalidated-form-with-select-k8owh

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.