element-plus/docs/examples/page-header/custom-icon.vue
Jeremy 9230af7976
feat(components): [page-header] enhancement (#9215)
* feat(components): [page-header] enhancement

* Add new slot `extra` for page header.
* Add addtional documentations for page header.

* chore: update doc

* feat: add default slot

* chore: add a11y support for back button

* chore: update examples

* chore: enhancements

* chore: example enhancement

* chore: restore previous actions for back button

* chore: address PR comments

Co-authored-by: JeremyWuuuuu <15975785+JeremyWuuuuu@users.noreply.github.com>
2022-08-20 21:41:49 +08:00

12 lines
268 B
Vue

<template>
<el-page-header :icon="ArrowLeft">
<template #content>
<span class="text-large font-600 mr-3"> Title </span>
</template>
</el-page-header>
</template>
<script lang="ts" setup>
import { ArrowLeft } from '@element-plus/icons-vue'
</script>