How to use react-floater - 1 common examples

To help you get started, we’ve selected a few react-floater examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github kiali / kiali-ui / src / components / Tour / Tour.tsx View on Github external
import * as React from 'react';
import { Button } from 'patternfly-react';
import { PfColors } from '../Pf/PfColors';
import ReactResizeDetector from 'react-resize-detector';
import { style } from 'typestyle';
import { KialiIcon } from 'config/KialiIcon';

// We have to import it like this, because current index.d.ts file is broken for this component.
const Floater = require('react-floater').default;

export enum StepPlacement {
  AUTO = 'auto',
  TOP = 'top',
  TOP_START = 'top-start',
  TOP_END = 'top-end',
  RIGHT = 'right',
  RIGHT_START = 'right-start',
  RIGHT_END = 'right-end',
  BOTTOM = 'bottom',
  BOTTOM_START = 'bottom-start',
  BOTTOM_END = 'bottom-end',
  LEFT = 'left',
  LEFT_START = 'left-start',
  LEFT_END = 'left-end'
}

react-floater

Floaters everywhere!

MIT
Latest version published 5 months ago

Package Health Score

72 / 100
Full package analysis

Popular react-floater functions