# svelma-pro
提示

# Tip

## 提示

Codesandbox

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

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

自定义设置

更多配置请参考tippy.

Codesandbox

    <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>