Placeholders And Vanish Input

Sliding in placeholders and vanish effect of input on submit

Install using CLI

npm

pnpm

bun

yarn

npx shadcn-vue@latest add "https://inspira-ui.com/r/vanishing-input.json"

Copy and paste the following code

VanishingInput.vue

Prop Name	Type	Default	Description
`placeholders`	`Array<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 Name	Parameters	Description
`change`	`Event`	Triggered when the input value changes.
`submit`	`string`	Triggered when the input is submitted.

On This Page