@uva-glass/component-library
Version:
React components UvA
48 lines (47 loc) • 1.47 kB
JavaScript
import { jsx as t } from "react/jsx-runtime";
import { HorizontalList as o } from "./HorizontalList.js";
import { Button as i } from "../Buttons/Button.js";
import "../Buttons/LinkButton.js";
import "@react-aria/button";
import { Icon as r } from "../Icon/Icon.js";
const n = '<HorizontalList values={values} separator="•" />', g = {
title: "Atoms/HorizontalList",
component: o,
argTypes: {
separator: {
control: "text"
}
},
parameters: {
inspectComponent: o,
codeString: n
}
}, s = (a) => /* @__PURE__ */ t(o, { ...a }), l = s.bind({});
l.args = {
values: ["Curabitur consequat", "Lectus sit amet luctus vulputate", "Nisi semi mattis"]
};
const e = s.bind({});
e.args = {
values: [
/* @__PURE__ */ t("a", { href: "/?path=/story/atoms-horizontallist--with-complex-content", children: "Curabitur consequat" }, "1"),
/* @__PURE__ */ t(i, { type: "button", variant: "primary", children: "Lectus sit amet luctus vulputate" }, "2"),
/* @__PURE__ */ t(r, { name: "Sparkles" }, "3"),
/* @__PURE__ */ t("strong", { children: "Nisi semi mattis" }, "4")
],
separator: /* @__PURE__ */ t(r, { name: "CheveronRight", size: 16 })
};
e.argTypes = {
...e.argTypes,
separator: {
table: {
disable: !0
// Disable separator controls for this specific story
}
}
};
export {
l as HorizontalListExample,
e as WithComplexContent,
g as default
};
//# sourceMappingURL=HorizontalList.stories.js.map