UNPKG

@allakando/allakando-web-ui

Version:

Allakando's web component library

13 lines (12 loc) • 4.35 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
const e=`# Allakando Tab\r \r The allakando tab element is basically the header element for navigating to different pages for myNanny and myTutor portals. Although it can be used wherever this kind of functionality is required.\r \r This component has three attributes, "headertitle", "icon" and "active". Both the "headertitle" and "icon" cannot be used together as in a Tab apart from the tab body text their can be either an icon or a header text. When "active" attribute value is set which can either be true or false the background and text color changes.\r `,t={title:"Atomic Components/Tab",component:"ako-tabbutton",tags:["autodocs"],parameters:{docs:{description:{component:e}}},argTypes:{icon:{control:{type:"text"}},headertitle:{control:{type:"text"}},active:{control:{oprions:[!0,!1],type:"boolean"}}}},N=M=>`<ako-tabbutton ${M.icon?`icon="${M.icon}"`:""} ${M.headertitle?`headertitle="${M.headertitle}"`:""} ${M.active?`active=${M.active}`:""} > Status ansökningar </ako-tabbutton>`;N.args={icon:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4wMjU4IDE5LjQ0NzFDMTcuMDI1OCAxOS44NjkxIDE2LjY4NjcgMjAuMjEzMiAxNi4yNjk2IDIwLjIxMzJIMi40MDEwNUMxLjk4NDQxIDIwLjIxMzIgMS42NDUyNSAxOS44NjkxIDEuNjQ1MjUgMTkuNDQ3MVYyLjU1Mjk0QzEuNjQ1MjUgMi4xMzA0MyAxLjk4NDQxIDEuNzg2ODQgMi40MDEwNSAxLjc4Njg0SDE2LjI2OTZDMTYuNjg2NyAxLjc4Njg0IDE3LjAyNTggMi4xMzA0MyAxNy4wMjU4IDIuNTUyOTRWNC43MzkyOUMxNi4zMDczIDQuMzkzOTkgMTUuNTA3IDQuMTk1MzkgMTQuNjYwMiA0LjE5NTM5QzEzLjMzMjQgNC4xOTUzOSAxMi4xMTM0IDQuNjcxMDkgMTEuMTU3MyA1LjQ2MTY0QzExLjEwMzEgNS40NDY2MyAxMS4wNDcyIDUuNDM1OSAxMC45ODg0IDUuNDM1OUg0LjkxNzgzQzQuNTY3MjQgNS40MzU5IDQuMjgyNzEgNS43MjM3MyA0LjI4MjcxIDYuMDc5MzJDNC4yODI3MSA2LjQzNDkyIDQuNTY3MjQgNi43MjI3NSA0LjkxNzgzIDYuNzIyNzVIMTAuMDMxNEM5LjY0Mjc0IDcuMzE4MTMgOS4zNjExNiA3Ljk5MiA5LjIxODkgOC43MTYwN0g0LjkxNzgzQzQuNTY3MjQgOC43MTYwNyA0LjI4MjcxIDkuMDA0MzIgNC4yODI3MSA5LjM1OTQ5QzQuMjgyNzEgOS43MTUwOSA0LjU2NzI0IDEwLjAwMjkgNC45MTc4MyAxMC4wMDI5SDkuMTE5MzlDOS4xNDIyNiAxMC43MDcyIDkuMjg3OTEgMTEuMzgwNyA5LjU0NDUgMTEuOTk2N0g0LjkxNzgzQzQuNTY3MjQgMTEuOTk2NyA0LjI4MjcxIDEyLjI4NDkgNC4yODI3MSAxMi42NDAxQzQuMjgyNzEgMTIuOTk1NyA0LjU2NzI0IDEzLjI4MzUgNC45MTc4MyAxMy4yODM1SDEwLjI5OUMxMS4zMTYxIDE0LjU5NDQgMTIuODkwOCAxNS40NDAzIDE0LjY2MDIgMTUuNDQwM0MxNS41MDcgMTUuNDQwMyAxNi4zMDczIDE1LjI0MTcgMTcuMDI1OCAxNC44OTYzVjE5LjQ0NzFaTTE4Ljk0MDEgOS44MTgwM0MxOC45NDAxIDEyLjIwODYgMTcuMDE5OSAxNC4xNTM0IDE0LjY2MDIgMTQuMTUzNEMxMi4zMDA1IDE0LjE1MzQgMTAuMzgwNyAxMi4yMDg2IDEwLjM4MDcgOS44MTgwM0MxMC4zODA3IDcuNDI3MDggMTIuMzAwNSA1LjQ4MjIzIDE0LjY2MDIgNS40ODIyM0MxNy4wMTk5IDUuNDgyMjMgMTguOTQwMSA3LjQyNzA4IDE4Ljk0MDEgOS44MTgwM1pNMTkuMzI3NSAxMi44NDlDMTkuODgzNSAxMS45NzM1IDIwLjIxMDQgMTAuOTM0NiAyMC4yMTA0IDkuODE4MDNDMjAuMjEwNCA4LjEyNjY5IDE5LjQ2NjQgNi42MTE2NSAxOC4yOTYxIDUuNTgwMDNWMi41NTI5NEMxOC4yOTYxIDEuNDIwOTUgMTcuMzg3IDAuNSAxNi4yNjk2IDAuNUgyLjQwMTA1QzEuMjgzNjUgMC41IDAuMzc1IDEuNDIwOTUgMC4zNzUgMi41NTI5NFYxOS40NDcxQzAuMzc1IDIwLjU3OTEgMS4yODM2NSAyMS41IDIuNDAxMDUgMjEuNUgxNi4yNjk2QzE3LjM4NyAyMS41IDE4LjI5NjEgMjAuNTc5MSAxOC4yOTYxIDE5LjQ0NzFWMTQuMDU1NkMxOC4zNzIzIDEzLjk4ODcgMTguNDQ2OCAxMy45MjEzIDE4LjUxOTIgMTMuODUwMUwyMi41NDA4IDE3LjkyNDdDMjIuNjY0OSAxOC4wNTA0IDIyLjgyNzUgMTguMTEzIDIyLjk5MDEgMTguMTEzQzIzLjE1MjcgMTguMTEzIDIzLjMxNTMgMTguMDUwNCAyMy40Mzg5IDE3LjkyNDdDMjMuNjg3IDE3LjY3MzQgMjMuNjg3IDE3LjI2NjMgMjMuNDM4OSAxNy4wMTQ5TDE5LjMyNzUgMTIuODQ5Wk05LjcyMTg4IDE2LjU1SDQuOTQzNzFDNC41OTExMyAxNi41NSA0LjMwNDk3IDE2LjI2MiA0LjMwNDk3IDE1LjkwNzFDNC4zMDQ5NyAxNS41NTE5IDQuNTkxMTMgMTUuMjY0MyA0Ljk0MzcxIDE1LjI2NDNIOS43MjE4OEMxMC4wNzQ1IDE1LjI2NDMgMTAuMzYwNiAxNS41NTE5IDEwLjM2MDYgMTUuOTA3MUMxMC4zNjA2IDE2LjI2MiAxMC4wNzQ1IDE2LjU1IDkuNzIxODggMTYuNTVaIiBmaWxsPSIjODY4Njg2Ii8+Cjwvc3ZnPgo=",headertitle:""};var D,j,I;N.parameters={...N.parameters,docs:{...(D=N.parameters)==null?void 0:D.docs,source:{originalSource:'args => {\n return `<ako-tabbutton \n ${args.icon ? `icon="${args.icon}"` : ""}\n ${args.headertitle ? `headertitle="${args.headertitle}"` : ""}\n ${args.active ? `active=${args.active}` : ""}\n >\n Status ansökningar\n </ako-tabbutton>`;\n}',...(I=(j=N.parameters)==null?void 0:j.docs)==null?void 0:I.source}}};const g=["Template"];export{N as Template,g as __namedExportsOrder,t as default};