{
  "version": 3,
  "file": "tip.277ff470.css",
  "sources": [
    "../../../../../../tip.svelte"
  ],
  "sourcesContent": [
    "<script>\n  import { Tip,Button } from 'svelma-pro'\n  import DocHeader from '../../components/DocHeader.svelte'\n  import Example from '../../components/Example.svelte'\n\nlet config = {\n    content: '<div class=\"tooltip\">Styled tooltip text</div>',\n    allowHTML: true,\n    trigger: 'click',\n    onShow: function(instance) {\n    console.log(instance);\n    }\n  }\n</script>\n\n<style>\n  :global(.tooltip) {\n    color: orange;\n    font-weight: bold;\n    text-transform: uppercase;\n  }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9yb3V0ZXMvY29tcG9uZW50cy90aXAuc3ZlbHRlIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7RUFDRTtJQUNFLGFBQWE7SUFDYixpQkFBaUI7SUFDakIseUJBQXlCO0VBQzNCIiwiZmlsZSI6InNyYy9yb3V0ZXMvY29tcG9uZW50cy90aXAuc3ZlbHRlIiwic291cmNlc0NvbnRlbnQiOlsiXG4gIDpnbG9iYWwoLnRvb2x0aXApIHtcbiAgICBjb2xvcjogb3JhbmdlO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIH1cbiJdfQ== */</style>\n\n<DocHeader title=\"Tip\" subtitle=\"提示\" />\n\n<Example code={`<script>\n  import { Tip } from 'svelma-pro'\n</script>\n\n<Tip content=\"你好\"></Tip>\n`}>\n  <div slot=\"preview\">\n    <Tip content=\"你好\">\n      <Button type=\"is-link\">Link</Button>\n    </Tip>\n  </div>\n</Example>\n\n<hr class=\"is-medium\" />\n\n<p class=\"title is-4\">自定义设置</p>\n<p class=\"content\">更多配置请参考<a href=\"https://atomiks.github.io/tippyjs/\">tippy</a>.</p>\n\n<Example code={`<script>\nimport { Tip } from 'svelma-pro'\n\nlet config = {\n    content: '<div class=\"tooltip\">Styled tooltip text</div>',\n    allowHTML: true,\n    trigger: 'click',\n    onShow: function(instance) {\n        console.log(instance);\n}\n</script>\n\n<style>\n  :global(.tooltip) {\n    color: orange;\n    font-weight: bold;\n    text-transform: uppercase;\n  }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9yb3V0ZXMvY29tcG9uZW50cy90aXAuc3ZlbHRlIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7RUFDRTtJQUNFLGFBQWE7SUFDYixpQkFBaUI7SUFDakIseUJBQXlCO0VBQzNCIiwiZmlsZSI6InNyYy9yb3V0ZXMvY29tcG9uZW50cy90aXAuc3ZlbHRlIiwic291cmNlc0NvbnRlbnQiOlsiXG4gIDpnbG9iYWwoLnRvb2x0aXApIHtcbiAgICBjb2xvcjogb3JhbmdlO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIH1cbiJdfQ== */</style>\n\n<Tip config=\"{config}\">\n   <Button type=\"is-link\">Link</Button>\n</Tip>\n`}>\n  <div slot=\"preview\">\n    <Tip config={config}>\n        <Button type=\"is-link\">Link</Button>\n    </Tip>\n  </div>\n</Example>"
  ],
  "names": [],
  "mappings": "AAgBU,QAAQ,AAAE,CAAC,AACjB,KAAK,CAAE,MAAM,CACb,WAAW,CAAE,IAAI,CACjB,cAAc,CAAE,SAAS,AAC3B,CAAC"
}