Build 533169stable
Module 585026
1,621 characters · in f6f04acf715b2e14.jsDependencies
Source Raw
function(e,t,l){l.d(t,{r:()=>s});var a=l(627968);l(64700);var r=l(397927),n=l(646092);let s={name:"Button",id:"cms-button",component:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.Text,{variant:"text-lg/semibold",children:"Button component for CMS interactions."}),(0,a.jsxs)(r.BJc,{direction:"vertical",children:[(0,a.jsx)(n.A,{...e}),(0,a.jsx)("hr",{}),(0,a.jsx)(n.A,{href:e.href,ctaText:"Variant = primary",variant:"primary"}),(0,a.jsx)(n.A,{href:e.href,ctaText:"Variant = secondary",variant:"secondary"}),(0,a.jsx)(n.A,{href:e.href,ctaText:"Variant = critical-primary",variant:"critical-primary"}),(0,a.jsx)(n.A,{href:e.href,ctaText:"Variant = critical-secondary",variant:"critical-secondary"}),(0,a.jsx)(n.A,{href:e.href,ctaText:"Variant = active",variant:"active"}),(0,a.jsx)(n.A,{href:e.href,ctaText:"Variant = overlay-primary",variant:"overlay-primary"}),(0,a.jsx)(n.A,{href:e.href,ctaText:"Variant = overlay-secondary",variant:"overlay-secondary"}),(0,a.jsx)(n.A,{href:e.href,ctaText:"Variant = expressive",variant:"expressive"})]})]}),controls:{href:{type:"text",label:"URL",defaultValue:"https://discord.com"},ctaText:{type:"text",label:"Button Text",defaultValue:"Click Me"},variant:{type:"select",label:"Variant",defaultValue:"secondary",options:[{label:"Primary",value:"primary"},{label:"Secondary",value:"secondary"},{label:"Critical Primary",value:"critical-primary"},{label:"Critical Secondary",value:"critical-secondary"},{label:"Active",value:"active"},{label:"Overlay Primary",value:"overlay-primary"},{label:"Overlay Secondary",value:"overlay-secondary"},{label:"Expressive",value:"expressive"}]}}}}