Placeholders And Vanish Input
Sliding in placeholders and vanish effect of input on submit
API
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. |
Component Code
You can copy and paste the following code to create these components:
VanishingInput.vue
Credits
- Credits to M Atif for porting this component.
- Ported from Aceternity UI's Placeholders And Vanish Input.