ref-tooltip

v1.1.2

v1.1.1

v1.1.0

v1.0.2

v1.0.1

v1.0.0

STATUS

Passing

DOWNLOADS

3,328

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

9 KB

React tooltip using direct pointer to element, using Popper.js

1 contributor

Install ref-tooltip as a package?

Copied

npm i @bit/bit.base-ui.placement.ref-tooltip

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

RefTooltip ()

A Popper.js react wrapper that repositions children to be adjacent to a target element. This component is a container only, with no visual styling.

Example

<RefTooltip targetElement={this.elementRef}>
I will show up next to the element!
</RefTooltip>

Properties

Name	Type	Description
targetElement	`HTMLElement`	dom element to attach to
popperOptions	`Partial`	options for the underlying Popper.js position engine
motionTracking	`boolean`	Actively recalculate position, to support moving elements