@uva-glass/component-library/dist/components/FormField/FormField.stories.js

React components UvA

import { jsxs as l, jsx as e } from "react/jsx-runtime";
import { FormField as o } from "./FormField.js";
import { InputField as t } from "../InputField/InputField.js";
import { Label as n } from "../Label/Label.js";
import { Container as a } from "../../storyComponents/Container/Container.js";
const i = "<FormField>{children}</FormField>", h = {
  title: "Atoms/FormField",
  component: o,
  argTypes: {
    outerSpace: {
      control: "boolean"
    },
    inline: {
      control: "boolean"
    },
    alignStart: {
      control: "boolean"
    }
  },
  parameters: {
    inspectComponent: o,
    codeString: i
  }
}, m = (r) => /* @__PURE__ */ l(a, { children: [
  /* @__PURE__ */ l(o, { ...r, children: [
    /* @__PURE__ */ e(n, { htmlFor: "d6aa53fd", children: "Example label" }),
    /* @__PURE__ */ e(t, { id: "d6aa53fd" })
  ] }),
  /* @__PURE__ */ l(o, { ...r, children: [
    /* @__PURE__ */ e(n, { htmlFor: "4e7a2f22", children: "Example very very very long label to display input alingment compared to label" }),
    /* @__PURE__ */ e(t, { id: "4e7a2f22" })
  ] })
] }), d = {
  outerSpace: !1,
  inline: !1,
  alignStart: !1
}, p = m.bind({});
p.args = {
  ...d
};
export {
  p as FormFieldExample,
  h as default
};
//# sourceMappingURL=FormField.stories.js.map