@allakando/allakando-web-ui
Version:
Allakando's web component library
18 lines (17 loc) • 6.1 kB
JavaScript
const I=`
\r
The allakando mobile navigation component is a single element of the mobile menu section. The component is having three attributes, those are "active", "activeicon" & "inactiveicon".\r
\r
"active" attribute has only two states which can be either true or false\r
"activeicon" attribute will have active icon link\r
"inactiveicon" attribute will have inactive icon link\r
\r
To add an ako-badge element to the navigation item you can use the badge slot like so: <ako-badge slot="badge">123</ako-badge>\r
\r
The name or title has to be wrapped with this component. If both activelink or inactivelinks are not present then there will be a placeholder with placeholder icon in place.`,a={title:"Atomic Components/Mobile-Menu",component:"ako-mob-nav",tags:["autodocs"],parameters:{docs:{description:{component:I}}},argTypes:{activeicon:{control:{type:"text"}},inactiveicon:{control:{type:"text"}},active:{options:[!0,!1],control:{type:"boolean"}}}},N=M=>`<ako-mob-nav
${M.activeicon?`activeicon="${M.activeicon}"`:""}
${M.inactiveicon?`inactiveicon="${M.inactiveicon}"`:""}
${M.active?`active="${M.active}"`:""}
>
Status ansökningar
</ako-mob-nav>`;N.args={activeicon:"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 35'%3E%3Cpath fill='%2396C933' fill-rule='evenodd' d='M28.29 21.282l-.078.059a7.42 7.42 0 01-.668.442c-.02.012-.039.025-.06.036a7.004 7.004 0 01-.786.389l-.046.017a6.893 6.893 0 01-.964.311c-.203.051-.41.092-.618.125-.082.013-.163.028-.245.037-.283.035-.57.058-.863.058-3.958 0-7.178-3.241-7.178-7.226s3.22-7.226 7.178-7.226c.292 0 .58.023.863.057.082.01.163.025.245.037.209.034.415.075.618.125.076.02.154.039.23.06.25.072.496.154.734.252.015.006.03.01.046.017.271.113.533.243.786.388l.06.037c.23.135.453.283.667.442.026.02.053.039.078.06a7.29 7.29 0 011.772 1.958 7.205 7.205 0 010 7.586 7.3 7.3 0 01-1.772 1.959m-12.7 5.492H7.62a1.07 1.07 0 01-1.065-1.072c0-.593.477-1.073 1.065-1.073h7.97c.588 0 1.065.48 1.065 1.073a1.07 1.07 0 01-1.065 1.072m-7.97-7.613h7.76a9.373 9.373 0 001.266 2.145H7.62c-.588 0-1.065-.48-1.065-1.072A1.07 1.07 0 017.62 19.16m0-5.467h7.215a9.421 9.421 0 00-.182 1.836c0 .104.011.206.015.309H7.62c-.588 0-1.065-.48-1.065-1.073a1.07 1.07 0 011.065-1.072m0-5.468h10.183c.098 0 .193.018.284.044a9.41 9.41 0 00-1.889 2.1H7.62a1.068 1.068 0 01-1.065-1.072A1.07 1.07 0 017.62 8.226m31.068 19.299l-6.904-6.95a9.321 9.321 0 001.488-5.045 9.366 9.366 0 00-3.211-7.063V3.422C30.06 1.535 28.536 0 26.66 0H3.398C1.524 0 0 1.535 0 3.422v28.156C0 33.466 1.524 35 3.398 35h23.263c1.875 0 3.4-1.534 3.4-3.422v-8.985c.127-.111.243-.235.363-.353l6.757 6.801a1.057 1.057 0 001.507 0 1.077 1.077 0 000-1.516'/%3E%3C/svg%3E",inactiveicon:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4wMjU4IDE5LjQ0NzFDMTcuMDI1OCAxOS44NjkxIDE2LjY4NjcgMjAuMjEzMiAxNi4yNjk2IDIwLjIxMzJIMi40MDEwNUMxLjk4NDQxIDIwLjIxMzIgMS42NDUyNSAxOS44NjkxIDEuNjQ1MjUgMTkuNDQ3MVYyLjU1Mjk0QzEuNjQ1MjUgMi4xMzA0MyAxLjk4NDQxIDEuNzg2ODQgMi40MDEwNSAxLjc4Njg0SDE2LjI2OTZDMTYuNjg2NyAxLjc4Njg0IDE3LjAyNTggMi4xMzA0MyAxNy4wMjU4IDIuNTUyOTRWNC43MzkyOUMxNi4zMDczIDQuMzkzOTkgMTUuNTA3IDQuMTk1MzkgMTQuNjYwMiA0LjE5NTM5QzEzLjMzMjQgNC4xOTUzOSAxMi4xMTM0IDQuNjcxMDkgMTEuMTU3MyA1LjQ2MTY0QzExLjEwMzEgNS40NDY2MyAxMS4wNDcyIDUuNDM1OSAxMC45ODg0IDUuNDM1OUg0LjkxNzgzQzQuNTY3MjQgNS40MzU5IDQuMjgyNzEgNS43MjM3MyA0LjI4MjcxIDYuMDc5MzJDNC4yODI3MSA2LjQzNDkyIDQuNTY3MjQgNi43MjI3NSA0LjkxNzgzIDYuNzIyNzVIMTAuMDMxNEM5LjY0Mjc0IDcuMzE4MTMgOS4zNjExNiA3Ljk5MiA5LjIxODkgOC43MTYwN0g0LjkxNzgzQzQuNTY3MjQgOC43MTYwNyA0LjI4MjcxIDkuMDA0MzIgNC4yODI3MSA5LjM1OTQ5QzQuMjgyNzEgOS43MTUwOSA0LjU2NzI0IDEwLjAwMjkgNC45MTc4MyAxMC4wMDI5SDkuMTE5MzlDOS4xNDIyNiAxMC43MDcyIDkuMjg3OTEgMTEuMzgwNyA5LjU0NDUgMTEuOTk2N0g0LjkxNzgzQzQuNTY3MjQgMTEuOTk2NyA0LjI4MjcxIDEyLjI4NDkgNC4yODI3MSAxMi42NDAxQzQuMjgyNzEgMTIuOTk1NyA0LjU2NzI0IDEzLjI4MzUgNC45MTc4MyAxMy4yODM1SDEwLjI5OUMxMS4zMTYxIDE0LjU5NDQgMTIuODkwOCAxNS40NDAzIDE0LjY2MDIgMTUuNDQwM0MxNS41MDcgMTUuNDQwMyAxNi4zMDczIDE1LjI0MTcgMTcuMDI1OCAxNC44OTYzVjE5LjQ0NzFaTTE4Ljk0MDEgOS44MTgwM0MxOC45NDAxIDEyLjIwODYgMTcuMDE5OSAxNC4xNTM0IDE0LjY2MDIgMTQuMTUzNEMxMi4zMDA1IDE0LjE1MzQgMTAuMzgwNyAxMi4yMDg2IDEwLjM4MDcgOS44MTgwM0MxMC4zODA3IDcuNDI3MDggMTIuMzAwNSA1LjQ4MjIzIDE0LjY2MDIgNS40ODIyM0MxNy4wMTk5IDUuNDgyMjMgMTguOTQwMSA3LjQyNzA4IDE4Ljk0MDEgOS44MTgwM1pNMTkuMzI3NSAxMi44NDlDMTkuODgzNSAxMS45NzM1IDIwLjIxMDQgMTAuOTM0NiAyMC4yMTA0IDkuODE4MDNDMjAuMjEwNCA4LjEyNjY5IDE5LjQ2NjQgNi42MTE2NSAxOC4yOTYxIDUuNTgwMDNWMi41NTI5NEMxOC4yOTYxIDEuNDIwOTUgMTcuMzg3IDAuNSAxNi4yNjk2IDAuNUgyLjQwMTA1QzEuMjgzNjUgMC41IDAuMzc1IDEuNDIwOTUgMC4zNzUgMi41NTI5NFYxOS40NDcxQzAuMzc1IDIwLjU3OTEgMS4yODM2NSAyMS41IDIuNDAxMDUgMjEuNUgxNi4yNjk2QzE3LjM4NyAyMS41IDE4LjI5NjEgMjAuNTc5MSAxOC4yOTYxIDE5LjQ0NzFWMTQuMDU1NkMxOC4zNzIzIDEzLjk4ODcgMTguNDQ2OCAxMy45MjEzIDE4LjUxOTIgMTMuODUwMUwyMi41NDA4IDE3LjkyNDdDMjIuNjY0OSAxOC4wNTA0IDIyLjgyNzUgMTguMTEzIDIyLjk5MDEgMTguMTEzQzIzLjE1MjcgMTguMTEzIDIzLjMxNTMgMTguMDUwNCAyMy40Mzg5IDE3LjkyNDdDMjMuNjg3IDE3LjY3MzQgMjMuNjg3IDE3LjI2NjMgMjMuNDM4OSAxNy4wMTQ5TDE5LjMyNzUgMTIuODQ5Wk05LjcyMTg4IDE2LjU1SDQuOTQzNzFDNC41OTExMyAxNi41NSA0LjMwNDk3IDE2LjI2MiA0LjMwNDk3IDE1LjkwNzFDNC4zMDQ5NyAxNS41NTE5IDQuNTkxMTMgMTUuMjY0MyA0Ljk0MzcxIDE1LjI2NDNIOS43MjE4OEMxMC4wNzQ1IDE1LjI2NDMgMTAuMzYwNiAxNS41NTE5IDEwLjM2MDYgMTUuOTA3MUMxMC4zNjA2IDE2LjI2MiAxMC4wNzQ1IDE2LjU1IDkuNzIxODggMTYuNTVaIiBmaWxsPSIjODY4Njg2Ii8+Cjwvc3ZnPgo="};var D,i,j;N.parameters={...N.parameters,docs:{...(D=N.parameters)==null?void 0:D.docs,source:{originalSource:'args => {\n return `<ako-mob-nav \n ${args.activeicon ? `activeicon="${args.activeicon}"` : ""}\n ${args.inactiveicon ? `inactiveicon="${args.inactiveicon}"` : ""}\n ${args.active ? `active="${args.active}"` : ""}\n >\n Status ansökningar\n </ako-mob-nav>`;\n}',...(j=(i=N.parameters)==null?void 0:i.docs)==null?void 0:j.source}}};const e=["Template"];export{N as Template,e as __namedExportsOrder,a as default};