vuetifyjs/vuetify

[Feature Request] Slot `placeholder` for `VTextarea`

Open

Aperta il 20 gen 2025

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (40.995 star) (7139 fork)batch import
C: VFieldC: VTextareaT: featuregood first issue

Descrizione

Problem to solve

v-textarea has a template slot for label which is useful to customize the label.

My current use case is to have a smooth transition if the label changes based on previous user input:

<v-textarea v-model="inputMessage">
  <template #label>
    <v-fade-transition mode="out-in">
      <div :key="inputMessageLabel">{{ inputMessageLabel }}</div>
    </v-fade-transition>
  </template>
</v-textarea>

inputMessageLabel changes based on previous user input.

This is cool, but that type of changing message would better be placed as a placeholder. Unfortunately I can't use a transition in the placeholder like I'm doing here, because there's no slot for it.

Proposed solution

Have a slot for placeholder that works analog to the slot for label

Guida contributor