@allakando/allakando-web-ui/dist/storybook/assets/ako-media-card.stories-50914fb3.js

Allakando's web component library

const o=`# Allakando Media card\r
\r
The media card component is an allakando component to display a card component which has an icon, headertitle and the card body text, and also an arrow icon. The component has 4 attributes,\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
## target\r
\r
This attribute will contain the target attribute of the parent anchor tag. It will help to determine how 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/Media-Card",component:"ako-media-card",tags:["autodocs"],parameters:{docs:{description:{component:o}}},argTypes:{headertitle:{control:{type:"text"}},href:{control:{type:"text"}},icon:{control:{type:"text"}},target:{control:{type:"text"}},akostyle:{control:{type:"text"}}}},t=e=>`<ako-media-card
        ${e.headertitle?`headertitle="${e.headertitle}"`:""}
        ${e.icon?`icon="${e.icon}"`:""}
        ${e.href?`href="${e.href}"`:""}
        ${e.target?`target="${e.target}"`:""}
        ${e.akostyle?`akostyle="${e.akostyle}"`:""}
    >
        Snabb hjälp av våra expertcoacher
    </ako-media-card>`;t.args={headertitle:"Starta videolektion",href:"https://storage.googleapis.com/production-coachnannyportal/contact_persons/fredrik-fridlund.jpg"};var a,r,n;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:'args => {\n  return `<ako-media-card\n        ${args.headertitle ? `headertitle="${args.headertitle}"` : ""}\n        ${args.icon ? `icon="${args.icon}"` : ""}\n        ${args.href ? `href="${args.href}"` : ""}\n        ${args.target ? `target="${args.target}"` : ""}\n        ${args.akostyle ? `akostyle="${args.akostyle}"` : ""}\n    >\n        Snabb hjälp av våra expertcoacher\n    </ako-media-card>`;\n}',...(n=(r=t.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const c=["Template"];export{t as Template,c as __namedExportsOrder,i as default};