Grow Input
SVG stroke dashoffset vine grows along the bottom border on focus.
Component Showcase
Grow Input
SVG stroke dashoffset vine grows along the bottom border on focus.
GSAPSVG
Interactive Playground
Adjust sliders and values to preview changes in real-time
placeholder
Placeholder text for the text input.
glowColor
SVG stroke color for the animated growing vine.
growSpeed
Speed multiplier for vine growing animation on focus.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| placeholder | string | "e.g. Farmer Joe" | Placeholder text for the text input. |
| glowColor | string | "#7fff5e" | SVG stroke color for the animated growing vine. |
| growSpeed | number | 1.0 | Speed multiplier for vine growing animation on focus. |