Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@crave/farmblocks-tooltip

Package Overview
Dependencies
Maintainers
4
Versions
1346
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@crave/farmblocks-tooltip

Tooltip component

  • 3.3.15-alpha-redesign-form-fields-5789.1.7
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
6
increased by200%
Maintainers
4
Weekly downloads
 
Created
Source

Farmblocks Tooltip

A simple tooltip component.

image

Installation

npm install @crave/farmblocks-tooltip

API

A text or children must be supplied, otherwise the tooltip won't be rendered.

PropertyDescriptionTypeDefault
childrencontent to be rendered inside the tooltipReact.Node
texttooltip textstring
isVisiblecontrols its visibilitybooltrue
positionXcontrols its position on axis X relatively to the parentone of "left", "right", "center" or "auto""left"
positionYcontrols its position on axis Y relatively to the parentone of "top", "bottom", or "auto""bottom"
boundariesSelector(only for align="auto") A CSS selector for a container which will define the limits for the tooltip. If not defined, the limit will be the browser's viewportstring
zIndexzIndex valuenumber1000
hideArrowcontrols arrow visibilityboolfalse
paddingcontent paddingstring"8px"
offsetdistance from the container to the tooltipstring"15px"
overflowoverrides the default overflow property. Note that when overflow=hidden the arrow will be hidden as wellstring
fullScreenBreakpointup to this window width, the tooltip will take the whole screen. Note that you must provide a way to close the tooltipstring

License

MIT

Keywords

FAQs

Package last updated on 30 Jun 2020

Did you know?

Socket

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.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc