adilallo
63 lines
4.7 KiB
JavaScript
63 lines
4.7 KiB
JavaScript
import{C as s}from"./ContentLockup-DbWiPA4N.js";import"./jsx-runtime-C_nHp4yK.js";import"./iframe-D_aMTKb2.js";import"./preload-helper-DIZFD4sK.js";import"./Button-Z4hbXct5.js";const p={title:"Components/ContentLockup",component:s,parameters:{layout:"centered",docs:{description:{component:"A content lockup component that groups title, subtitle, description, and CTA button. Features responsive typography and spacing that adapts across breakpoints. Used within the HeroBanner component."}}},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"},buttonClassName:{control:{type:"text"},description:"Additional CSS classes to apply to the large button (md/lg breakpoints)"}},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 content lockup with standard Community Rule messaging."}}}},e={args:{title:"Collaborate",subtitle:"with clarity",description:"Help your community make important decisions in a way that reflects its unique values. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together.",ctaText:"Learn how Community Rule works",ctaHref:"#"},parameters:{docs:{description:{story:"Content lockup with longer description text to test text wrapping."}}}},o={args:{title:"Simple",subtitle:"solution",description:"Easy community decision making.",ctaText:"Try it",ctaHref:"#"},parameters:{docs:{description:{story:"Content lockup with minimal content to test compact layouts."}}}},n={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:"#",buttonClassName:"shrink-0 whitespace-nowrap min-w-[280px]"},parameters:{docs:{description:{story:"Content lockup with custom button styling applied to the large button (md/lg breakpoints)."}}}};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 content lockup with standard Community Rule messaging."
|
|
}
|
|
}
|
|
}
|
|
}`,...t.parameters?.docs?.source}}};e.parameters={...e.parameters,docs:{...e.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. Our platform provides the tools and frameworks needed to build successful, sustainable communities that can navigate complex challenges together.",
|
|
ctaText: "Learn how Community Rule works",
|
|
ctaHref: "#"
|
|
},
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
story: "Content lockup with longer description text to test text wrapping."
|
|
}
|
|
}
|
|
}
|
|
}`,...e.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
|
|
args: {
|
|
title: "Simple",
|
|
subtitle: "solution",
|
|
description: "Easy community decision making.",
|
|
ctaText: "Try it",
|
|
ctaHref: "#"
|
|
},
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
story: "Content lockup with minimal content to test compact layouts."
|
|
}
|
|
}
|
|
}
|
|
}`,...o.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.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: "#",
|
|
buttonClassName: "shrink-0 whitespace-nowrap min-w-[280px]"
|
|
},
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
story: "Content lockup with custom button styling applied to the large button (md/lg breakpoints)."
|
|
}
|
|
}
|
|
}
|
|
}`,...n.parameters?.docs?.source}}};const u=["Default","LongDescription","ShortContent","CustomButtonStyling"];export{n as CustomButtonStyling,t as Default,e as LongDescription,o as ShortContent,u as __namedExportsOrder,p as default};
|