2.0 alpha
These docs describe 2.0. Install it with @once-ui-system/core@alpha.
On 1.8.x? Read the 1.x docs
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