@belleui/belle-radio
Preview

Install
npm install @belleui/belle-radio
Useage
<belle-radio-group selected="radio1">
<belle-radio value="radio1">Radio1</belle-radio>
<belle-radio value="radio2">Radio2</belle-radio>
<belle-radio value="radio3">Radio3</belle-radio>
</belle-radio-group>
Demo
Click to view demo
belle-radio-group
Properties
Property | Attribute | Type | Description |
---|
selected | selected | boolean | 默认选中的值 |
Methods
Method | Type |
---|
handleChecked | (event: Event): void |
slotChange | (): void |
Events
Event | Type | Description |
---|
on-change | CustomEvent<{ selected: string | undefined; }> | 单选框选中事件 |
Slots
Name | Description |
---|
| radio item(defualt slot) |
belle-radio
Properties
Property | Attribute | Type | Default | Description |
---|
checked | checked | boolean | false | 默认是否选中 |
disabled | disabled | boolean | false | 是否禁用 |
value | value | string | "" | 单选框的值 |
Methods
Method | Type |
---|
handleChange | (): void |
Events
Event | Type |
---|
change | CustomEvent<{ checked: boolean; }> |
Slots
Name | Description |
---|
| 默认插槽,按钮文字或者其他html标签 |