TrademarkTrademarkDocs
Ctrl k
Search docs...
Components

Tooltip

Updated: May 9, 2025
View on GitHub
Tooltip is a non-interactive floating container used to communicate short hints or descriptions. It can be rendered manually or combined with a hover/focus trigger component. It is automatically hidden below the m breakpoint. Add a leading or trailing icon to reinforce meaning. You can override styles using Flex props, style or className.
Prop
Type
Default
labelrequired
The text.
ReactNode—
prefixIcon
Icon before the text.
IconName—
suffixIcon
Icon after the text.
IconName—
className
string—
style
React.CSSProperties—
…and every FlexProps propinherited—
Edit this page on GitHub
TrademarkTrademark
Built with curiosity by Lorant One and the Design Engineers Club