We're live on Product Hunt today. There's a 50% off code for everything on the launch page, and an upvote takes five seconds.Upvote us

Google Search

Pro

A Google AI Mode search bar with a rainbow that travels the rim, cycling typewriter prompts, and an inline Google wordmark.

searchglowgoogleaitypewriterinput

Google Search component preview

Props

Prop	Type	Default	Description
`suggestions`	readonly string[]	Four Google-style idle prompts	Cycling typewriter prompts shown while the field is idle.
`value`	string	-	Controlled query.
`defaultValue`	string	""	Uncontrolled initial query.
`onChange`	(value: string) => void	-	Fires on every text change.
`onSubmit`	(value: string) => void	-	Fires when the form submits.
`hideWordmark`	boolean	false	Hide the inline Google wordmark.
`wordmarkTone`	"mono" \| "color"	"mono"	Mono follows the theme, near-black on light and white on dark. Color uses the official letter fills.
`aiModeLabel`	string	"AI Mode"	Label inside the trailing pill.
`onAiMode`	() => void	-	Fires when the AI Mode pill is pressed.
`onVoice`	() => void	-	Fires when the microphone button is pressed.
`onLens`	() => void	-	Fires when the Lens button is pressed.
`glow`	boolean	true	Draw the travelling rainbow rim.
`label`	string	"Google Search"	Accessible name for the search region.