mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
ea926472df
* feat(components): [input] textarea supports clearing effects * Update packages/components/input/__tests__/input.test.tsx Co-authored-by: rzzf <cszhjh@gmail.com> * feat: update * Apply suggestions from code review Co-authored-by: Noblet Ouways <91417411+Dsaquel@users.noreply.github.com> * Apply suggestions from code review Co-authored-by: Noblet Ouways <91417411+Dsaquel@users.noreply.github.com> * style: update * Update packages/components/input/src/input.vue Co-authored-by: rzzf <cszhjh@gmail.com> --------- Co-authored-by: rzzf <cszhjh@gmail.com> Co-authored-by: Noblet Ouways <91417411+Dsaquel@users.noreply.github.com>
33 lines
537 B
Vue
33 lines
537 B
Vue
<template>
|
|
<div class="input-group">
|
|
<el-input
|
|
v-model="input"
|
|
style="width: 240px"
|
|
placeholder="Please input"
|
|
clearable
|
|
/>
|
|
<el-input
|
|
v-model="textareaInput"
|
|
style="width: 240px"
|
|
placeholder="Please input"
|
|
type="textarea"
|
|
clearable
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
const input = ref('')
|
|
const textareaInput = ref('')
|
|
</script>
|
|
|
|
<style scoped>
|
|
.input-group {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1em;
|
|
}
|
|
</style>
|