@hypothesis/frontend-shared
Version:
Shared components, styles and utilities for Hypothesis projects
74 lines • 2.3 kB
JavaScript
var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/examples/radio-group-grid-layout.tsx";
import { useState } from 'preact/hooks';
import RadioGroup from '../../components/input/RadioGroup';
import { jsxDEV as _jsxDEV } from "preact/jsx-dev-runtime";
export default function App() {
const [value, setValue] = useState();
return _jsxDEV("div", {
className: "w-full",
children: _jsxDEV(RadioGroup, {
"aria-label": "Items",
selected: value,
onChange: setValue,
children: _jsxDEV("div", {
className: "w-full grid grid-cols-2 gap-2",
children: [_jsxDEV(RadioGroup.Radio, {
value: "one",
children: "First"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 14,
columnNumber: 11
}, this), _jsxDEV(RadioGroup.Radio, {
value: "two",
children: "Second"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 15,
columnNumber: 11
}, this), _jsxDEV(RadioGroup.Radio, {
value: "three",
children: "Third"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 16,
columnNumber: 11
}, this), _jsxDEV(RadioGroup.Radio, {
value: "four",
children: "Fourth"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 17,
columnNumber: 11
}, this), _jsxDEV(RadioGroup.Radio, {
value: "five",
children: "Fifth"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 18,
columnNumber: 11
}, this), _jsxDEV(RadioGroup.Radio, {
value: "six",
children: "Sixth"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 19,
columnNumber: 11
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 13,
columnNumber: 9
}, this)
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 12,
columnNumber: 7
}, this)
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 11,
columnNumber: 5
}, this);
}
//# sourceMappingURL=radio-group-grid-layout.js.map