UNPKG

@allakando/allakando-web-ui

Version:

Allakando's web component library

25 lines (24 loc) • 2.79 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
const i=`# Allakando Linked-List\r \r The Linked-List component is used for creating a list of links in the form of card list. The component has 3 attributes. Those are,\r \r href - To pass a link where the card will navigate the user to on click\r text - To pass text content of the card\r icon - To pass an icon url\r arrow - To set a custom arrow URL\r \r You can use the default slot to put custom content into the item`,a={title:"Atomic Components/Link-List-Item",component:"ako-link-list-item",tags:["autodocs"],parameters:{docs:{description:{component:i}}},argTypes:{text:{control:{type:"text"}},href:{control:{type:"text"}},icon:{control:{type:"text"}},arrow:{control:{type:"text"}},usebgcolor:{control:{type:"boolean"}}}},o=t=>`<ako-link-list-item ${t.text?`text="${t.text}"`:""} ${t.href?`href="${t.href}"`:""} ${t.icon?`icon="${t.icon}"`:""} ${t.usebgcolor?`usebgcolor="${t.usebgcolor}"`:""} ${t.arrow?`arrow="${t.arrow}"`:""} > </ako-link-list-item> <ako-link-list-item ${t.text?`text="${t.text}"`:""} ${t.href?`href="${t.href}"`:""} ${t.icon?`icon="${t.icon}"`:""} ${t.arrow?`arrow="${t.arrow}"`:""} > </ako-link-list-item>`;o.args={href:"https://storage.googleapis.com/production-coachnannyportal/contact_persons/fredrik-fridlund.jpg",text:"This is a long text configured on the card",icon:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMi4wNDE2OSIgeT0iMi4wNDE2NiIgd2lkdGg9IjIzLjkxNjciIGhlaWdodD0iMjMuOTE2NyIgcng9IjIuNjI1IiBzdHJva2U9IiM2ODY4NjgiIHN0cm9rZS13aWR0aD0iMS43NSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8Y2lyY2xlIGN4PSIxNCIgY3k9IjE0IiByPSI2LjEyNSIgc3Ryb2tlPSIjNjg2ODY4IiBzdHJva2Utd2lkdGg9IjEuNzUiLz4KPC9zdmc+Cg==",arrow:null,usebgcolor:!1};var e,r,n;o.parameters={...o.parameters,docs:{...(e=o.parameters)==null?void 0:e.docs,source:{originalSource:'args => {\n return `<ako-link-list-item \n ${args.text ? `text="${args.text}"` : ""}\n ${args.href ? `href="${args.href}"` : ""}\n ${args.icon ? `icon="${args.icon}"` : ""}\n ${args.usebgcolor ? `usebgcolor="${args.usebgcolor}"` : ""}\n ${args.arrow ? `arrow="${args.arrow}"` : ""}\n > \n </ako-link-list-item>\n <ako-link-list-item \n ${args.text ? `text="${args.text}"` : ""}\n ${args.href ? `href="${args.href}"` : ""}\n ${args.icon ? `icon="${args.icon}"` : ""}\n ${args.arrow ? `arrow="${args.arrow}"` : ""}\n > \n </ako-link-list-item>`;\n}',...(n=(r=o.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const s=["Template"];export{o as Template,s as __namedExportsOrder,a as default};