UNPKG

@allakando/allakando-web-ui

Version:

Allakando's web component library

33 lines (32 loc) • 2.73 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
const o=`# Allakando Link-card\r \r The Link card component is an allakando component to display a card component which has an icon, headertitle with time and the card body text, and also an arrow icon. The component has 5 attributes,\r \r ## date\r \r It determines and shows the date at the headertitle section of the card. The input date must be in ISO format.\r \r ## headertitle\r \r The text passes in this attributes will determines the headertitle text of the card beofre the time section.\r \r ## icon\r \r This attribute will contain the card icon link located at the left column of the card. It card be a link or base64 encoded svg.\r \r ## href\r \r This attribute will contain a link which will be set to the parent anchor tag's href attribute. It will help to determine where the card component will navigate to on click.\r \r ## akostyle\r \r This attribute will contain inline style for the internal body element of ako-link-card.\r `,i={title:"Atomic Components/Link-Card",component:"ako-link-card",tags:["autodocs"],parameters:{docs:{description:{component:o}}},argTypes:{date:{control:{type:"date"}},headertitle:{control:{type:"text"}},href:{control:{type:"text"}},icon:{control:{type:"text"}},akostyle:{control:{type:"text"}}}},t=e=>`<ako-link-card ${e.date?`date="${new Date(e.date).toISOString()}"`:""} ${e.headertitle?`headertitle="${e.headertitle}"`:""} ${e.href?`href="${e.href}"`:""} ${e.icon?`icon="${e.icon}"`:""} ${e.akostyle?`akostyle="${e.akostyle}"`:""} > Vi började med att repetera geometri och fråga 123 från förra lektionen. Vi börjad med att repetera geometri och fråga 123 från förra lektionen. </ako-link-card>`;t.args={icon:"https://storage.googleapis.com/production-coachnannyportal/contact_persons/fredrik-fridlund.jpg",headertitle:"Passrapport",date:Date.now(),href:"https://storage.googleapis.com/production-coachnannyportal/contact_persons/fredrik-fridlund.jpg"};var r,a,n;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:'args => {\n return `<ako-link-card \n ${args.date ? `date="${new Date(args.date).toISOString()}"` : ""}\n ${args.headertitle ? `headertitle="${args.headertitle}"` : ""}\n ${args.href ? `href="${args.href}"` : ""}\n ${args.icon ? `icon="${args.icon}"` : ""}\n ${args.akostyle ? `akostyle="${args.akostyle}"` : ""}\n >\n Vi började med att repetera geometri och fråga 123 från förra lektionen. Vi börjad med att repetera geometri och fråga 123 från förra lektionen.\n </ako-link-card>`;\n}',...(n=(a=t.parameters)==null?void 0:a.docs)==null?void 0:n.source}}};const c=["Template"];export{t as Template,c as __namedExportsOrder,i as default};