daffodil icon indicating copy to clipboard operation
daffodil copied to clipboard

[FEAT] DaffRadioComponent and DaffRadioSetComponent

Open xelaint opened this issue 5 years ago • 2 comments

:bulb: Feature request

Feature Name

DaffRadioComponent and DaffRadioSetComponent

The Desired Behavior

DaffRadioComponent needs to use the native input element (<input type="radio" />) but contains custom styling and functionality. The host should have role="radio" added as an attribute.

Properties needed for DaffRadioComponent:

  • [x] checked
  • [x] disabled
  • [x] id (string for form input) - needs to be uniquely generated
  • [x] name
  • [x] value
  • [x] onBlur
  • [x] onFocus
  • [x] onChange

DaffRadioSetComponent wraps a set of <daff-radio>s. It takes an Angular FormControl as an input. The value of the FormControl is the id of the selected radio. The host should have role="radiogroup" added as an attribute.

  • [ ] UI update

Your Use Case

As an enduser, I should be able to make a single selection from a set of options.

Prior Work

Environment


Daffodil version: X.Y.Z
Angular version: X.Y.Z 

 
For Tooling issues:
- Node version: XX  
- Platform:  

Others:

xelaint avatar Apr 09 '20 16:04 xelaint

UI is not complete, so I'm reopening this.

xelaint avatar Jun 12 '20 14:06 xelaint