Tooltip
You can edit 8 Components for free. Get premium for unlimited access.
Tooltips are brief, informative messages used to introduce new content and features or provide brief step-by-step guidance.
Figma
The Tooltip is a customizable component that can be used to display news.
1. Reference
This component inherits props from the Tooltip.
2. Direction
You can edit the direction with the bottom , left, right or top parameters
Image 2.1 : Dircetion bottom
Image 2.2 : Dircetion top
Image 2.3 : Dircetion left
Image 2.4 : Dircetion right
Jetpack Compose
This component is on the roadmap and in Progress This means that it is currently being edited and will be published in the next few weeks/months. Check back often to stay informed about the latest updates.
🚧
Preview
Preview
Code
DlTooltip(
label: 'Tooltip',
direction: DlTooltipDirection.bottom,
)Usage
Add this code example to your project to see how the component works.
DlTooltip(
label: 'Tooltip',
direction: DlTooltipDirection.bottom,
)APIÂ Reference
DlTooltip is a compact tooltip component with a directional pointer bottom , top , left , right to control where the arrow appears.
Examples
Variants
Preview
Code
Wrap(
spacing: DlSpacingTokens.p_16,
runSpacing: DlSpacingTokens.p_16,
children: [
DlTooltip(
label: 'Tooltip',
direction: DlTooltipDirection.bottom,
),
DlTooltip(
label: 'Tooltip',
direction: DlTooltipDirection.top,
),
DlTooltip(
label: 'Tooltip',
direction: DlTooltipDirection.left,
),
DlTooltip(
label: 'Tooltip',
direction: DlTooltipDirection.right,
),
],
)Discover more content
You have questions or need help?
You want to try?
Save time and money?