Files
element-plus/docs/examples/page-header/additional-sections.vue
thinkasany 28106bd3ec docs(components): use "" replace null for no icon setting (#18824)
* docs(components): use  replace null for no icon setting

* docs: fix
2024-11-08 14:53:18 +08:00

25 lines
720 B
Vue

<template>
<el-page-header icon="">
<template #content>
<div class="flex items-center">
<el-avatar
:size="32"
class="mr-3"
src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
/>
<span class="text-large font-600 mr-3"> Title </span>
<span class="text-sm mr-2" style="color: var(--el-text-color-regular)">
Sub title
</span>
<el-tag>Default</el-tag>
</div>
</template>
<template #extra>
<div class="flex items-center">
<el-button>Print</el-button>
<el-button type="primary" class="ml-2">Edit</el-button>
</div>
</template>
</el-page-header>
</template>