mirror of
https://github.com/element-plus/element-plus.git
synced 2025-12-19 09:09:40 +08:00
bf0568cacf
* feat(components): add custom clear icon function added `clear-icon` property to Cascader, Input, and InputTag components to customize the clear icon. * Update docs/en-US/component/cascader.md Co-authored-by: btea <2356281422@qq.com> * Update docs/en-US/component/cascader.md Co-authored-by: btea <2356281422@qq.com> * feat(components): add custom clear icon use case * docs(components): reduce cascader clear-icon use case options * Update packages/components/input-tag/src/input-tag.vue Co-authored-by: btea <2356281422@qq.com> * Update packages/components/input/src/input.vue Co-authored-by: btea <2356281422@qq.com> --------- Co-authored-by: btea <2356281422@qq.com>
16 lines
292 B
Vue
16 lines
292 B
Vue
<template>
|
|
<el-input
|
|
v-model="input"
|
|
clearable
|
|
:clear-icon="CloseBold"
|
|
placeholder="Custom clear icon"
|
|
/>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
import { CloseBold } from '@element-plus/icons-vue'
|
|
|
|
const input = ref('Custom clear icon')
|
|
</script>
|