feat: inherit attrs to Textarea + fix Input label color (#245)

* feat: add more attributes to Textarea

* refactor: use `inheritAttrs` option to simplify code

* fix: `Input` label color in dark mode
This commit is contained in:
WangYK
2023-11-21 19:22:25 +08:00
committed by GitHub
parent 67091e1d90
commit a4a717f4e0
7 changed files with 147 additions and 18 deletions

View File

@@ -0,0 +1,36 @@
<template>
<form
class="vp-raw"
@submit.prevent
>
<fwb-textarea
v-model="message"
label="Textarea with minlength 10 and maxlength 20"
minlength="10"
maxlength="20"
required
/>
<fwb-textarea
v-model="message"
label="Disabled textarea"
placeholder="Cannot be edited"
disabled
/>
<fwb-textarea
v-model="message"
label="Readonly textarea"
placeholder="Cannot be edited"
readonly
/>
<fwb-button type="submit">
Validate
</fwb-button>
</form>
</template>
<script setup>
import { ref } from 'vue'
import { FwbButton, FwbTextarea } from '../../../../src/index'
const message = ref('Edit me!')
</script>