react-svg-arrow

0.4.2 • Public • Published

react-svg-arrow

A React component for tooltip and popover arrows

npm version

Usage

const React = require('react');
const Arrow = require('react-svg-arrow');
 
const App = () => (
  React.createElement(Arrow, {
    size: 25,
    color: 'red',
    direction: 'right',
    borderWidth: 5,
    borderColor: 'blue'
  })
);
 

Why?

Creating arrows with borders in HTML/CSS is a pain.

react-svg-arrow features:

  • No psuedo element hacks
  • No clipping hacks
  • No transform/rotation hacks
  • Just a plain SVG element with a single path

Dependents (0)

Package Sidebar

Install

npm i react-svg-arrow

Weekly Downloads

4

Version

0.4.2

License

MIT

Last publish

Collaborators

  • rtsao