Files
community-rule/docs/assets/HeroBanner.stories-BAL-8UkC.js
T
2025-08-30 13:46:35 -06:00

83 lines
2.3 KiB
JavaScript

import { H as e } from "./HeroBanner-D2qHR4vw.js";
import "./jsx-runtime-C_nHp4yK.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
import "./ContentLockup-DbWiPA4N.js";
import "./Button-Z4hbXct5.js";
import "./HeroDecor-Csfoi-N_.js";
const p = {
title: "Components/HeroBanner",
component: e,
parameters: {
layout: "fullscreen",
docs: {
description: {
component:
"A responsive hero banner component that showcases the Community Rule branding and messaging. Adapts across multiple breakpoints with proper spacing, typography, and interactive elements. Includes background decorations and product demo integration.",
},
},
},
argTypes: {
title: { control: { type: "text" }, description: "The main title text" },
subtitle: { control: { type: "text" }, description: "The subtitle text" },
description: {
control: { type: "text" },
description: "The description text",
},
ctaText: {
control: { type: "text" },
description: "The call-to-action button text",
},
ctaHref: {
control: { type: "text" },
description: "The call-to-action button link",
},
},
tags: ["autodocs"],
},
t = {
args: {
title: "Collaborate",
subtitle: "with clarity",
description:
"Help your community make important decisions in a way that reflects its unique values.",
ctaText: "Learn how Community Rule works",
ctaHref: "#",
},
parameters: {
docs: {
description: {
story:
"Default hero banner with standard Community Rule messaging and branding.",
},
},
},
};
t.parameters = {
...t.parameters,
docs: {
...t.parameters?.docs,
source: {
originalSource: `{
args: {
title: "Collaborate",
subtitle: "with clarity",
description: "Help your community make important decisions in a way that reflects its unique values.",
ctaText: "Learn how Community Rule works",
ctaHref: "#"
},
parameters: {
docs: {
description: {
story: "Default hero banner with standard Community Rule messaging and branding."
}
}
}
}`,
...t.parameters?.docs?.source,
},
},
};
const l = ["Default"];
export { t as Default, l as __namedExportsOrder, p as default };