@allakando/allakando-web-ui
Version:
Allakando's web component library
27 lines (26 loc) • 2.01 kB
JavaScript
const o=`
\r
The allakando rating component is to rate over any topic or to give feedback. This component has five stages from 1 to 5 where rating can be given with 1 as lowest and 5 as the highest. It has one attribute which is used to set a unique attribute name for the input elements for each allakando rating component as same component can be repeated several times in a page.\r
\r
\r
To replace the input field name attributes with "\${inputname}"\r
\r
\r
To update the checked step. The values are in numeric starts from 0 to 5.\r
\r
\r
To determines the type of rating: It has two options, "number" and "star".\r
\r
\r
To disable the component from accessing. It resets the value of the ako-rating and disables the click,, hover capabilities.\r
`,s={title:"Atomic Components/Rating",component:"ako-rating",tags:["autodocs"],parameters:{docs:{description:{component:o}}},argTypes:{inputname:{control:{type:"text"}},disabled:{options:[!0,!1],control:{type:"boolean"}},value:{options:[null,0,1,2,3,4,5],control:{type:"select"}},type:{options:["number","star"],control:{type:"select"}}}},t=e=>`<ako-rating
${e.inputname?`inputname="${e.inputname}"`:""}
${e.disabled?`disabled="${e.disabled}"`:""}
${e.value?`value="${e.value}"`:""}
${e.type?`type="${e.type}"`:""}
>
</ako-rating>`;t.args={inputname:"customer",disabled:!1,value:3,type:"star"};var a,n,r;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:'args => {\n return `<ako-rating \n ${args.inputname ? `inputname="${args.inputname}"` : ""}\n ${args.disabled ? `disabled="${args.disabled}"` : ""}\n ${args.value ? `value="${args.value}"` : ""}\n ${args.type ? `type="${args.type}"` : ""}\n >\n </ako-rating>`;\n}',...(r=(n=t.parameters)==null?void 0:n.docs)==null?void 0:r.source}}};const i=["Template"];export{t as Template,i as __namedExportsOrder,s as default};