1234567891011121314151617181920212223242526272829303132 |
- <script>
- export default {
- name: 'vue-treeselect--tip',
- functional: true,
- props: {
- type: {
- type: String,
- required: true,
- },
- icon: {
- type: String,
- required: true,
- },
- },
- render(_, context) {
- const { props, children } = context
- return (
- <div class={`vue-treeselect__tip vue-treeselect__${props.type}-tip`}>
- <div class="vue-treeselect__icon-container">
- <span class={`vue-treeselect__icon-${props.icon}`} />
- </div>
- <span class={`vue-treeselect__tip-text vue-treeselect__${props.type}-tip-text`}>
- {children}
- </span>
- </div>
- )
- },
- }
- </script>
|