mirror of
https://github.com/element-plus/element-plus.git
synced 2024-11-27 02:01:15 +08:00
6aeb2d7aab
* feat(components): [el-result] warn users using subTitle as slots - Add deprecation warning for el-result sub-title slots - Update documentation with a slotted sub title * Fix useDeprecated typing issue
48 lines
1.2 KiB
Vue
48 lines
1.2 KiB
Vue
<template>
|
|
<el-row>
|
|
<el-col :sm="12" :lg="6">
|
|
<el-result
|
|
icon="success"
|
|
title="Success Tip"
|
|
sub-title="Please follow the instructions"
|
|
>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6">
|
|
<el-result
|
|
icon="warning"
|
|
title="Warning Tip"
|
|
sub-title="Please follow the instructions"
|
|
>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6">
|
|
<el-result
|
|
icon="error"
|
|
title="Error Tip"
|
|
sub-title="Please follow the instructions"
|
|
>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
<el-col :sm="12" :lg="6">
|
|
<el-result icon="info" title="Info Tip">
|
|
<template #sub-title>
|
|
<p>Using slot as subtitle</p>
|
|
</template>
|
|
<template #extra>
|
|
<el-button type="primary">Back</el-button>
|
|
</template>
|
|
</el-result>
|
|
</el-col>
|
|
</el-row>
|
|
</template>
|