Radio
Radio Properties
Prop | Type | Default | Description |
---|---|---|---|
defaultChecked | boolean | Xác định mặc định radio đã check hay chưa, trường hợp uncontrolled component | |
label | string | Radio label | |
name | string | number | Radio input name | |
value | string |number | boolean | Radio input value | |
disabled | boolean | Vô hiệu hóa radio input | |
readonly | boolean | Readonly radio input | |
label | string | Radio label |
Radio Events
Event | Prop | Description |
---|---|---|
change | onChange | Event sẽ được triggered khi trạng thái của radio input thay đổi |
Radios List
Sử dụng thông qua các components <List/>
, <ListItem/>
.
<List>
{/* "radio" prop giúp bật list item thành radio */}
<ListItem
radio
value='check\_1'
name='demo-radio'
checked
title='Radio 1'
></ListItem>
<ListItem radio value='check\_2' name='demo-radio' title='Radio 2'></ListItem>
</List>
Ví dụ
Code demo fallback when rendering server side!