Skip to content

[Feature Request] Slot placeholder for VTextarea #20886

Open
@frederikheld

Description

@frederikheld

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions