svelma-pro

<script>
  import { Tip } from 'svelma-pro'
</script>

<Tip content="你好"></Tip>

自定义设置

更多配置请参考tippy.

<script>
import { Tip } from 'svelma-pro'

let config = {
    content: '<div class="tooltip">Styled tooltip text</div>',
    allowHTML: true,
    trigger: 'click',
    onShow: function(instance) {
        console.log(instance);
}
</script>

<style>
  :global(.tooltip) {
    color: orange;
    font-weight: bold;
    text-transform: uppercase;
  }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9yb3V0ZXMvY29tcG9uZW50cy90aXAuc3ZlbHRlIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7RUFDRTtJQUNFLGFBQWE7SUFDYixpQkFBaUI7SUFDakIseUJBQXlCO0VBQzNCIiwiZmlsZSI6InNyYy9yb3V0ZXMvY29tcG9uZW50cy90aXAuc3ZlbHRlIiwic291cmNlc0NvbnRlbnQiOlsiXG4gIDpnbG9iYWwoLnRvb2x0aXApIHtcbiAgICBjb2xvcjogb3JhbmdlO1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIH1cbiJdfQ== */</style>

<Tip config="{config}">
   <Button type="is-link">Link</Button>
</Tip>