bpk-component-tooltip

bpk-component-tooltip

Backpack tooltip component.

Installation

npm install bpk-component-tooltip --save-dev

Usage

import React, { Component } from 'react';
import BpkText from 'bpk-component-text';
import BpkTooltip from 'bpk-component-tooltip';

const App = () => (
  <BpkTooltip
    id="my-tooltip"
    target={<BpkText textStyle="lg">LHR</BpkText>}
  >
    London Heathrow
  </BpkTooltip>
);

Props

Property	PropType	Required	Default Value
id	string	true	-
children	node	true	-
target	element	true	-
hideOnTouchDevices	bool	false	true
tetherOptions	See http://tether.io/#options	false	{ attachment: 'top center', constraints: [ { to: 'window', attachment: 'together', pin: true, }, ], }
padded	bool	false	true
portalStyle	object	false	null
portalClassName	string	false	null