Shadcn.io is not affiliated with official shadcn/ui
API Key Info
A React API key input with info icon tooltip explaining where to find the key built with shadcn/ui InputGroup and Tooltip
Users struggle finding API keys or tokens for integrations. This React input adds InfoIcon button with Tooltip showing Found in your account settings on hover providing clear location guidance. Built with shadcn/ui InputGroup with password type and ghost icon-xs button, it's perfect for API integrations, third-party connections, developer settings, authentication forms, or any technical input where users need direction to retrieve required credentials without navigating away from the form.
API Key Info preview
Installation
Related Components
Password Requirements
Tooltip with password rules
Help Tooltips
Tooltip with privacy reassurance
Copy Button
Input with copy functionality
Password Actions
Password with visibility toggle
Standard Input
Basic input without tooltip
Basic Tooltip
Standalone tooltip component
FAQ
Was this page helpful?
Sign in to leave feedback.