@allakando/allakando-web-ui/dist/storybook/assets/ako-timeline-item.stories-76737c3a.js

Allakando's web component library

const g=`# Allakando Timeline-Item\r
\r
The timeline component is an allakando component to display the list of status with a specific text style along with icons with a connector in between the icons. The last item will not have the connector.\r
\r
There is only one attribute which can be passed to this component called type. "type" attribute is to style the entire component content, which has five different style options (neutral, pending, success, warning & error). \r
\r
The attribute type can be used to display a timeline list with different styles based on the scenarios.`,d={title:"Atomic Components/Timeline-Item",component:"ako-timeline-item",tags:["autodocs"],parameters:{docs:{description:{component:g}}},argTypes:{type:{options:["neutral","pending","success","warning","error"],control:{type:"radio"}}}},e=n=>`<ako-timeline-item 
        ${n.type?`type="${n.type}"`:""}
    >
        Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan
    </ako-timeline-item>`;e.args={type:"neutral"};const i=n=>`<div>
        <ako-timeline-item ${n.type?`type="${n.type}"`:""}>
            Vi går igenom din ansökan
        </ako-timeline-item>
        <ako-timeline-item type="warning">
            Avtal skickat. Inväntar din signering
        </ako-timeline-item>
        <ako-timeline-item type="pending">
            Vi inväntar svar från familjen
        </ako-timeline-item>
        <ako-timeline-item type="pending">
            Grattis, familjen tackade ja!
        </ako-timeline-item>
    </div>`;i.args={type:"success"};var t,a,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:'args => {\n  return `<ako-timeline-item \n        ${args.type ? `type="${args.type}"` : ""}\n    >\n        Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan Vi går igenom din ansökan\n    </ako-timeline-item>`;\n}',...(o=(a=e.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};var r,s,m;i.parameters={...i.parameters,docs:{...(r=i.parameters)==null?void 0:r.docs,source:{originalSource:`args => {
  return \`<div>
        <ako-timeline-item \${args.type ? \`type="\${args.type}"\` : ""}>
            Vi går igenom din ansökan
        </ako-timeline-item>
        <ako-timeline-item type="warning">
            Avtal skickat. Inväntar din signering
        </ako-timeline-item>
        <ako-timeline-item type="pending">
            Vi inväntar svar från familjen
        </ako-timeline-item>
        <ako-timeline-item type="pending">
            Grattis, familjen tackade ja!
        </ako-timeline-item>
    </div>\`;
}`,...(m=(s=i.parameters)==null?void 0:s.docs)==null?void 0:m.source}}};const l=["Template","List"];export{i as List,e as Template,l as __namedExportsOrder,d as default};