@uva-glass/component-library
Version:
React components UvA
42 lines (41 loc) • 1.57 kB
JavaScript
import { jsxs as g, jsx as o } from "react/jsx-runtime";
import { fn as e } from "../../index-DXR-TB1d.js";
import { Checkbox as n } from "./Checkbox.js";
import { FormField as t } from "../FormField/FormField.js";
import { Label as i } from "../Label/Label.js";
const r = "<Checkbox checked={} id={} onChange={} />", C = {
title: "Atoms/Checkbox",
component: n,
parameters: {
inspectComponent: n,
codeString: r
}
}, m = (l) => /* @__PURE__ */ g(t, { inline: !0, children: [
/* @__PURE__ */ o(n, { id: "72103b4d", ...l }),
/* @__PURE__ */ o(i, { htmlFor: "72103b4d", children: "Example Checkbox" })
] }), c = m.bind({});
c.args = {
onChange: e()
};
const a = (l) => /* @__PURE__ */ g(t, { inline: !0, children: [
/* @__PURE__ */ o(
"div",
{
style: {
alignSelf: "flex-start",
marginTop: "0.18rem"
},
children: /* @__PURE__ */ o(n, { id: "72103b4e", ...l })
}
),
/* @__PURE__ */ o(i, { htmlFor: "72103b4e", children: "Example Checkbox with long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long long label" })
] }), h = a.bind({});
h.args = {
onChange: e()
};
export {
c as CheckboxExample,
h as WithLongLabel,
C as default
};
//# sourceMappingURL=Checkbox.stories.js.map