@hypothesis/frontend-shared
Version:
Shared components, styles and utilities for Hypothesis projects
49 lines • 1.45 kB
JavaScript
var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/examples/radio-button-basic.tsx";
import { useCallback, useState } from 'preact/hooks';
import { RadioButton } from '../..';
import { jsxDEV as _jsxDEV } from "preact/jsx-dev-runtime";
export default function App() {
const [value, setSelected] = useState();
const onChange = useCallback(e => {
setSelected(e.target.value);
}, []);
return _jsxDEV("form", {
className: " flex flex-col",
children: [_jsxDEV(RadioButton, {
name: "option",
value: "one",
checked: value === 'one',
onChange: onChange,
children: "Click me"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 15,
columnNumber: 7
}, this), _jsxDEV(RadioButton, {
name: "option",
value: "two",
checked: value === 'two',
onChange: onChange,
children: "No, click me"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 23,
columnNumber: 7
}, this), _jsxDEV(RadioButton, {
name: "option",
value: "three",
checked: value === 'three',
disabled: true,
children: "Disabled"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 31,
columnNumber: 7
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 14,
columnNumber: 5
}, this);
}
//# sourceMappingURL=radio-button-basic.js.map