@allakando/allakando-web-ui/dist/storybook/assets/ako-checkbox-list.stories-d349725f.js

Allakando's web component library

const s=`# Allakando Checkbox List\r
\r
The checkbox list component takes in a string containing the options names seperated by a separator, which gets splitted using the separator attribute and programmatically a set of labels with input type radio gets created based on the number of options.\r
\r
The component has six attributes to determine it's behaviour\r
\r
## labels\r
\r
This attribute will pass the list of items to form an array using the separator attribute\r
\r
## seperator\r
\r
This attribute will separate the input string to form an array\r
\r
## selected\r
\r
This attribute is to alter the selected item programmatically/externally\r
\r
## disabled\r
\r
This attribute is to disabled the component from the click(s)\r
\r
## akostyle\r
\r
This attribute will add additional style to the pill tab container\r
\r
## required\r
\r
This attribute will set the required attribute for the input field while creating it dynamically\r
`,n={title:"Atomic Components/Checkbox-List",component:"ako-checkbox-list",tags:["autodocs"],parameters:{docs:{description:{component:s}}},argTypes:{options:{control:"text"},separator:{control:"text"},selected:{control:"number"},disabled:{control:"boolean"},akostyle:{control:"text"},required:{control:"boolean"}}},t=e=>`<ako-checkbox-list 
        ${e.selected?`selected="${e.selected}"`:""}
        ${e.options?`options="${e.options}"`:""}
        ${e.separator?`separator="${e.separator}"`:""}
        ${e.disabled?`disabled="${e.disabled}"`:""}
        ${e.akostyle?`akostyle="${e.akostyle}"`:""}
        ${e.required?`required="${e.required}"`:""}
    ></ako-checkbox-list>`;t.args={options:"Ja,Delvis,Nej",separator:","};var r,o,a;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:'args => {\n  return `<ako-checkbox-list \n        ${args.selected ? `selected="${args.selected}"` : ""}\n        ${args.options ? `options="${args.options}"` : ""}\n        ${args.separator ? `separator="${args.separator}"` : ""}\n        ${args.disabled ? `disabled="${args.disabled}"` : ""}\n        ${args.akostyle ? `akostyle="${args.akostyle}"` : ""}\n        ${args.required ? `required="${args.required}"` : ""}\n    ></ako-checkbox-list>`;\n}',...(a=(o=t.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const i=["Template"];export{t as Template,i as __namedExportsOrder,n as default};