SearchInputPlaceholder

Props

Name	Description	Type	Default
messages	List of messages to animate.	Array
animation	Animation component used for the messages.	Vue	() => animateTranslate('bottom-to-top')
animationIntervalMs	Time in milliseconds during which each message is visible.	number	1500
animateOnlyOnHover	Whether the messages animation is active only when hovering the search input or always.	boolean	false

See it in action

Here a basic example of how the animated search input placeholder is rendered.

Animating only on hover

In this example, the placeholder is configured to animate only when the user hovers in the search input, showing the first message of the array the rest of the time.