UNPKG

@allakando/allakando-web-ui

Version:

Allakando's web component library

16 lines (12 loc) • 2.16 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const n=`# Allakando Card The Card component is used for filling wide variety of content with a headertitle and subtitle along with an image. The title and the subtitle can be set by entering simple text values with "headertitle" attribute and "subtitle" attribute respectively. The image url can be set using "image" attribute. If the image url is invalid then first two letters of the string will be shown and if image attribute is blank then a blank circle would be shown. The direction of the card component is also can be configured by "direction" attribute and can be set to 'vertical' as 'horizontal' is the default value. The attribute names will be exactly as specified in the controls name. `,o={title:"Atomic Components/Card",component:"ako-card",tags:["autodocs"],parameters:{docs:{description:{component:n}}},argTypes:{headertitle:{control:{type:"text"}},subtitle:{control:{type:"text"}},direction:{options:["vertical","horizontal"],control:{type:"select"}}}},t=e=>`<ako-card ${e.image?`image="${e.image}"`:""} ${e.headertitle?`headertitle="${e.headertitle}"`:""} ${e.subtitle?`subtitle="${e.subtitle}"`:""} ${e.direction?`direction="${e.direction}"`:""} > Vi började med att repetera geometri och fråga 123 från förra lektionen. Sedan </ako-card>`;t.args={image:"https://storage.googleapis.com/production-coachnannyportal/contact_persons/fredrik-fridlund.jpg",headertitle:"Fredrik Fridlund",subtitle:"Grundare & VD på Allakando",direction:"horizontal"};var a,i,r;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:'args => {\n return `<ako-card \n ${args.image ? `image="${args.image}"` : ""}\n ${args.headertitle ? `headertitle="${args.headertitle}"` : ""}\n ${args.subtitle ? `subtitle="${args.subtitle}"` : ""}\n ${args.direction ? `direction="${args.direction}"` : ""}\n >\n Vi började med att repetera geometri och fråga 123 från förra lektionen. Sedan\n </ako-card>`;\n}',...(r=(i=t.parameters)==null?void 0:i.docs)==null?void 0:r.source}}};const s=["Template"];export{t as Template,s as __namedExportsOrder,o as default};