1 | # Tip
|
2 |
|
3 | ### Basic usage
|
4 |
|
5 | :::kview
|
6 |
|
7 | ```html
|
8 | <template>
|
9 | <k-tip position="right" :content="contentString" :text="contentString"></k-tip>
|
10 | </template>
|
11 |
|
12 | <script>
|
13 |
|
14 |
|
15 | export default {
|
16 | data() {
|
17 | return {
|
18 | contentString: "Hello world Hello world Hello world Hello world Hello world",
|
19 | }
|
20 | },
|
21 | };
|
22 | </script>
|
23 | ```
|
24 | :::
|
25 |
|
26 |
|
27 | ## Props
|
28 | <div class="markdown-table">
|
29 |
|
30 | | Attribute | Description | Type | Default| Require|
|
31 | |-------|---------|------|--------|----------|
|
32 | |popperClass|custom class name|string|-|-
|
33 | |text|text|string|文本|-
|
34 | |content|display content|string|提示内容|-
|
35 | |position|position of Tip|string|top|-
|
36 | |textWidth|text width limit|number (unit: px) |110|-
|
37 |
|
38 | </div>
|
39 |
|