@allakando/allakando-web-ui/dist/storybook/assets/tooltips.stories-f9fbaea4.js

Allakando's web component library

import"./DialogManager-abca015e.js";import{i as s}from"./StyleInjection-7d750a8d.js";const r=`# Tooltips

Allakando's design system tooltips can be imported using tooltips.css.

After applying the stylesheets you will be able to use the data-tooltip attribute to set tooltips on elements
`,l={title:"Style Injection/Tooltips",component:"Tooltips",tags:["autodocs"],parameters:{docs:{description:{component:r}}}},t=()=>(window.AllakandoWebUI={injectStyle:s},`
        <script>
            AllakandoWebUI.injectStyle({
                tooltips: true
            })
        <\/script>
        <br /><br /><br /><br /><br /><br />
        <ako-button data-tooltip="This is a tooltip!">Tooltip on hover</ako-button>
    `);var o,e,n;t.parameters={...t.parameters,docs:{...(o=t.parameters)==null?void 0:o.docs,source:{originalSource:`() => {
  window.AllakandoWebUI = {
    injectStyle
  };
  return \`
        <script>
            AllakandoWebUI.injectStyle({
                tooltips: true
            })
        <\/script>
        <br /><br /><br /><br /><br /><br />
        <ako-button data-tooltip="This is a tooltip!">Tooltip on hover</ako-button>
    \`;
}`,...(n=(e=t.parameters)==null?void 0:e.docs)==null?void 0:n.source}}};const p=["Template"];export{t as Template,p as __namedExportsOrder,l as default};