Shadcn.io is not affiliated with official shadcn/ui
Help Tooltips
A React email input with help circle icon tooltip providing privacy reassurance built with shadcn/ui InputGroup and Tooltip components
Users hesitate sharing emails fearing spam. This React input adds HelpCircleIcon button with Tooltip showing We'll never share your email on hover providing privacy reassurance. Built with shadcn/ui InputGroup with ghost icon-xs button and Tooltip, it's perfect for newsletter signups, contact forms, registration flows, account creation, or any email field where addressing privacy concerns inline reduces abandonment without cluttering the form with persistent disclaimers.
Help Tooltips preview
Installation
Related Components
Password Requirements
Tooltip with password rules
Input with Validation Tooltip
Tooltip with validation hints
Input with Helper Text
Input with persistent helper text
Basic Tooltip
Standalone tooltip component
Standard Input
Basic input without tooltip
Email Validation
Email with validation
FAQ
Was this page helpful?
Sign in to leave feedback.