Orvain UI
Orvain UI
Home
Blocks
AI tools
Figma
Pricing
Resources
FAQ
Blogs
Contact us
About us
Docs
Sign In
Get all access
Components
Feedback
Tooltip
Tooltip
Change any property and watch the Tooltip follow.
Free
React and Vue
Overview
Playground
Accessibility
Shuffle
Reset
Insert Tooltip
Content & state
Style
Size
2X-Small (24)
Type
Top Left
Top Center
Top Right
Bottom Left
Bottom Center
Bottom Right
Right
Left
Options
Dark mode
Previous
Alert & Notification
Next
Banner
All documentation
Documentation
On this page
Canvas
All Products
Free components
FREE
Blocks
PRO
Code library + MCP
PRO
Figma file
PRO
Getting started
Introduction
Installation
Quick start
Foundations
Color
Typography
Guides
Editor and MCP
API reference
Learn
What is Orvain UI?
What is an AI-native design system?
What is an MCP design system?
React design system
Vue design system
Figma UI kit vs design system
Glossary
Use cases
Compare
Components
96
Blocks
Components
Actions
Button
Link Button
Ghost Button
Fancy Button
Compact Button
Button Group
Displaying Data
Avatars
Avatar Group
Avatar Compact Group
Badges
Tag
Fancy Tag
Data Table
Content Label
Content Divider
KBD
Line Progress Bar
Circular Progress Bar
Rating
Feedback
Alert & Notification
Tooltip
Banner
Form
Checkbox
Radio
Color Picker
Date Picker
OTP Input
File Upload
Hint
Input
Dropdown
Slider
Switch
Text Area
Layout
Accordion
Breadcrumb
Segmented Control
Tab Menu Horizontal
Tab Menu Vertical
Navigation
Dot Stepper
Pagination
Navbar
Overlays
Command Menu
Modal
Popover