Skip to content

Commit 5465f38

Browse files
adding react hooks to onChange handler
1 parent 9b1d19d commit 5465f38

File tree

1 file changed

+9
-2
lines changed
  • packages/react-components/source/react/library/radiobutton

1 file changed

+9
-2
lines changed

packages/react-components/source/react/library/radiobutton/RadioButton.md

+9-2
Original file line numberDiff line numberDiff line change
@@ -8,30 +8,37 @@ Radio buttons provide built in support for hover, active, and focused interactio
88

99
```jsx
1010
const exampleStyle = { marginRight: 10 };
11+
const [value, setValue] = React.useState(0);
1112

1213
<div>
1314
<RadioButton
1415
name="radiobutton-ex-unchecked"
1516
label="Unchecked"
1617
style={exampleStyle}
18+
value={value === 0}
19+
onChange={() => setValue(0)}
1720
/>
1821
<RadioButton
1922
name="radiobutton-ex-checked"
2023
label="Checked"
2124
style={exampleStyle}
22-
value
25+
value={value === 1}
26+
onChange={() => setValue(1)}
2327
/>
2428
<RadioButton
2529
name="radiobutton-ex-disabled"
2630
label="Disabled"
2731
style={exampleStyle}
28-
value
32+
value={value === 2}
33+
onChange={() => setValue(2)}
2934
disabled
3035
/>
3136
<RadioButton
3237
name="radiobutton-ex-error"
3338
label="Error"
3439
style={exampleStyle}
40+
value={value === 3}
41+
onChange={() => setValue(3)}
3542
error
3643
/>
3744
</div>;

0 commit comments

Comments
 (0)