Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@workday/canvas-kit-css-tooltip
Advanced tools
Readme
Tooltips with modifiers and containers implementing display on hover.
yarn add @workday/canvas-kit-css
or
yarn add @workday/canvas-kit-css-tooltip
Add your node_modules
directory to your SASS includePaths
. You will then be able to import
index.scss
.
@import '~@workday/canvas-kit-css-tooltip/index.scss';
Tooltips are used to display brief items of information.
Text does not wrap in tooltips.
Use .wdc-tooltip
to create a tooltip. This can be used in conjunction with any directional
modifiers.
<div class="wdc-tooltip wdc-tooltip-right">
Right tooltip
</div>
Four directions are available. Each direction will change the orientation of the popup arrow. Use
directional classes in addition to .wdc-tooltip
.
.wdc-tooltip-right
.wdc-tooltip-left
.wdc-tooltip-top
.wdc-tooltip-bottom
<div class="wdc-tooltip wdc-tooltip-right">
Right popup
</div>
<div class="wdc-tooltip wdc-tooltip-left">
Left popup
</div>
<div class="wdc-tooltip wdc-tooltip-top">
Top popup
</div>
<div class="wdc-tooltip wdc-tooltip-bottom">
Bottom popup
</div>
To display a popup on hover, wrap hoverable content within a .wdc-tooltip-container
. Insert a
.wdc-tooltip
within the container. The popup will automatically be positioned according to its
directional modifier.
A directional modifier is required for proper usage.
<div class="wdc-tooltip-container">
Right popup
<div class="wdc-tooltip wdc-tooltip-right">
Tooltip
</div>
</div>
<div class="wdc-tooltip-container">
Right tooltip
<div class="wdc-tooltip wdc-tooltip-right">
Tooltip text
</div>
</div>
aria-describedby={id}
on the element your tooltip is connected to.FAQs
Tooltip CSS for Canvas kit CSS
The npm package @workday/canvas-kit-css-tooltip receives a total of 273 weekly downloads. As such, @workday/canvas-kit-css-tooltip popularity was classified as not popular.
We found that @workday/canvas-kit-css-tooltip demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.