@clayui/tooltip
Advanced tools
import { Tooltip, TooltipProvider, TooltipProviderRenderer, } from '$packages/clay-tooltip/docs/index';
Simplest way of using Tooltip is by leveraging it's show prop and specifying alignPosition to determine it's position relative to the element it's aligned to.
If you have multiple Tooltips on the page, TooltipProvider allows you to only have to instantiate the component once and simply provide html attributes to the elements that need tooltips.
By using the <TooltipProvider> it allows you to add the desired tooltip content on each element as a data attribute.
Here's a list of html attributes that you can provide to children elements of the TooltipProvider:
title is for the tooltip content.data-tooltip-align is for alignment direction.data-tooltip-delay is for the delay(ms) before showing the tooltip.contentRenderer prop gives you the ability to format the content passed to the Tooltip via the title attribute to meet your requirements.
3.45.0 (2022-02-01)
setter() from .component-icon (130e708)nav-link pseudo elements (7038224)setter(), no longer necessary (1d4d4a9)box-shadow instead of border to indicate drop zone (58ca599)label inside form-control should use min-height (108d442)clay-label-variant instead of deprecated clay-label-size (a0c15fc)link to treeview-link (8378346).treeview-item.disabled with .treeview-item-dragging (a9f88d0)box-shadow instead of border to indicate drop zone (fb93ca7)component-text and component-icon (5188985)FAQs
ClayTooltip component
The npm package @clayui/tooltip receives a total of 826 weekly downloads. As such, @clayui/tooltip popularity was classified as not popular.
We found that @clayui/tooltip demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A compromised GitHub Action exposed secrets in CI/CD logs, putting thousands of projects at risk and forcing developers to urgently secure their workflows.
Research
Security News
A malicious Maven package typosquatting a popular library is secretly stealing OAuth credentials on the 15th of each month, putting Java developers at risk.
Security News
Socket and Seal Security collaborate to fix a critical npm overrides bug, resolving a three-year security issue in the JavaScript ecosystem's most popular package manager.