UNPKG

@allakando/allakando-web-ui

Version:

Allakando's web component library

18 lines (17 loc) 2.14 kB
const n=`# Allakando Notification\r \r The Notification component is used for the notification purposes on the websites, which can be multiple based on the requirements. Each and every notifications can be closable by clicking a cross button at the top right cornor.\r \r There are four different controls available with this component. "headertitle", "message", "image" and "noclose".\r \r "headertitle" is for the notification title or header.\r "message" is the actual notification content or body.\r "image" is for the notification image. If the image url is invalid then the forst two letter of the string will be displayed, and if the field is empty then a blank circle will be displayed.\r "noclose" is for either having the ability to close the notification or having an uncloseable notification.\r `,s={title:"Atomic Components/Notification",component:"ako-notification",tags:["autodocs"],parameters:{docs:{description:{component:n}}},argTypes:{image:{control:{type:"text"}},headertitle:{control:{type:"text"}},message:{control:{type:"text"}},noclose:{options:[!0,!1],control:{type:"radio"}}}},t=e=>`<ako-notification ${e.image?`image="${e.image}"`:""} ${e.headertitle?`headertitle="${e.headertitle}"`:""} ${e.message?`message="${e.message}"`:""} ${e.noclose?`noclose="${e.noclose}"`:""} > </ako-notification>`;t.args={image:"",headertitle:"Fredrik Fridlund",message:"Hej TEST! Din lön betalas ut sista fredagen i månaden efter att du har haft ett tillfälle (dvs. Ett tillfälle i januari betalas ut i slutet av februari)",noclose:!1};var o,i,a;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:'args => {\n return `<ako-notification \n ${args.image ? `image="${args.image}"` : ""}\n ${args.headertitle ? `headertitle="${args.headertitle}"` : ""}\n ${args.message ? `message="${args.message}"` : ""}\n ${args.noclose ? `noclose="${args.noclose}"` : ""}\n >\n </ako-notification>`;\n}',...(a=(i=t.parameters)==null?void 0:i.docs)==null?void 0:a.source}}};const r=["Template"];export{t as Template,r as __namedExportsOrder,s as default};