Grow Input
SVG stroke dashoffset vine grows along the bottom border on focus.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
placeholdere.g. Farmer Joe
Placeholder text for the text input.
glowColor#7fff5e
SVG stroke color for the animated growing vine.
growSpeed1
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. |