<dy-radio>
A radio button component that allows users to select a single option from a group of choices.
Example
Loading...
<dy-radio-group
.orientation=${"vertical"}
.options=${ [ {"label":"Option 1"}, {"label":"Option 2"}, {"label":"Option 3"} ] }
.value=${"Option 1"}
@change=${(evt) => evt.currentTarget.value = evt.detail}></dy-radio-group>
<dy-radio> API
DuoyunRadioElement
Extends TapRadioElement
TapRadioElement
Shadow DOM; Extends GemElement
TapRadioElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
checked(checked) |
Yes | boolean |
disabled(disabled) |
Yes | boolean |
change |
Emitter<string> |
|
value(value) |
Yes | string |
TapRadioElement Other
| Type | Value |
|---|---|
| Event | change |
| Slot | unnamed |
<dy-radio-group> API
DuoyunRadioGroupElement
Extends TapRadioGroupElement
DuoyunRadioGroupElement Other
| Type | Value |
|---|---|
| CSS State | tap-list |
TapRadioGroupElement
Extends GemElement
TapRadioGroupElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
orientation(orientation) |
Yes | 'horizontal' | 'vertical' |
heading(heading) |
Yes | string |
disabled(disabled) |
Yes | boolean |
change |
Emitter<any> |
|
value |
Yes | any |
options |
Yes | Option[] |
TapRadioGroupElement Other
| Type | Value |
|---|---|
| Event | change |
| CSS State | tap-list |