0.0.1-alpha.2 • Published 3 years ago
@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标签 |