Skip to content

▶️ A React component for tooltip and popover arrows

License

Notifications You must be signed in to change notification settings

aminghadersohi/react-svg-arrow

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

▶️ A React component for tooltip and popover arrows

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%