@allakando/allakando-web-ui/dist/storybook/assets/ako-pill.stories-d179c9ea.js

Allakando's web component library

const s=`# Allakando Pill

The pill component is a small anchor tag-like component with rounded corners. It is used to display a small amount of information, such as a number or a short text.

The pill's look and feel can be fully customized by using the akostyle attribute, which will be applied as inline styles directly to the internal \\<a\\> element.
`,r={title:"Atomic Components/Pill",component:"ako-pill",tags:["autodocs"],parameters:{docs:{description:{component:s}}},argTypes:{akostyle:{control:"text"},href:{control:"text"},disabled:{options:[!0,!1],control:{type:"radio"}}}},l=e=>`<ako-pill 
    ${e.disabled?`disabled="${e.disabled}"`:""}
    ${e.akostyle?`akostyle="${e.akostyle}"`:""}
    ${e.href?`href="${e.href}"`:""}
    >A pill</ako-pill>`;l.args={};var o,a,t;l.parameters={...l.parameters,docs:{...(o=l.parameters)==null?void 0:o.docs,source:{originalSource:'args => {\n  return `<ako-pill \n    ${args.disabled ? `disabled="${args.disabled}"` : ""}\n    ${args.akostyle ? `akostyle="${args.akostyle}"` : ""}\n    ${args.href ? `href="${args.href}"` : ""}\n    >A pill</ako-pill>`;\n}',...(t=(a=l.parameters)==null?void 0:a.docs)==null?void 0:t.source}}};const n=["Template"];export{l as Template,n as __namedExportsOrder,r as default};