element-plus/docs/examples/text/mixed.vue
gimjin 4f78411bb8
feat(components): add el-text component (#11653)
* test(components): [text] el-text unit test

* docs(components): [text] el-text website documentation

* feat(components): [text] el-text implementation

* fix(components): [text] prop 'as' rename 'tag'

* docs(components): [text] rename slot default, optimize document

* test(components): [text] render text & class change the execution order

* fix(components): [text] use template and render function together
2023-03-10 15:30:56 +08:00

27 lines
525 B
Vue

<template>
<el-space direction="vertical">
<el-text>
<el-icon>
<ElementPlus />
</el-icon>
Element-Plus
</el-text>
<el-row>
<el-text>Rate</el-text>
<el-rate class="ml-1" />
</el-row>
<el-text>
This is text mixed icon
<el-icon>
<Bell />
</el-icon>
and component
<el-button>Button</el-button>
</el-text>
</el-space>
</template>
<script lang="ts" setup>
import { Bell, ElementPlus } from '@element-plus/icons-vue'
</script>