element-plus/docs/examples/text/override.vue

<template>
  <el-space direction="vertical">
    <el-text>span</el-text>
    <el-text tag="p">This is a paragraph.</el-text>
    <el-text tag="b">Bold</el-text>
    <el-text tag="i">Italic</el-text>
    <el-text>
      This is
      <el-text tag="sub" size="small">subscript</el-text>
    </el-text>
    <el-text>
      This is
      <el-text tag="sup" size="small">superscript</el-text>
    </el-text>
    <el-text tag="ins">Inserted</el-text>
    <el-text tag="del">Deleted</el-text>
    <el-text tag="mark">Marked</el-text>
  </el-space>
</template>
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			`<template>`
			`<el-space direction="vertical">`
			`<el-text>span</el-text>`
			`<el-text tag="p">This is a paragraph.</el-text>`
			`<el-text tag="b">Bold</el-text>`
			`<el-text tag="i">Italic</el-text>`
			`<el-text>`
			`This is`
			`<el-text tag="sub" size="small">subscript</el-text>`
			`</el-text>`
			`<el-text>`
			`This is`
			`<el-text tag="sup" size="small">superscript</el-text>`
			`</el-text>`
			`<el-text tag="ins">Inserted</el-text>`
			`<el-text tag="del">Deleted</el-text>`
			`<el-text tag="mark">Marked</el-text>`
			`</el-space>`
			`</template>`