Placeholders And Vanish Input

Sliding in placeholders and vanish effect of input on submit

API

Prop NameTypeDefaultDescription
placeholdersArray<string>["Placeholder 1", "Placeholder 2", "Placeholder 3"]An array of placeholder texts that cycle through as prompts in the input field.

This component listens to the following events emitted by the VanishingInput component:

Event NameParametersDescription
changeEventTriggered when the input value changes.
submitstringTriggered when the input is submitted.

Component Code

You can copy and paste the following code to create these components:

VanishingInput.vue

Credits