arrow-style

A simple function generating the styles needed for a DOM arrow

Usage no npm install needed!

<script type="module">
  import arrowStyle from 'https://cdn.skypack.dev/arrow-style';
</script>

README

arrow-style

A simple function generating the styles needed for a DOM arrow

Install

$ npm install --save arrow-style

Usage

var arrowStyle = require('arrow-style')

var style = arrowStyle('up', {
    size: 8,
    color: 'red'
})

//style is now an object with the following properties
style = {
    borderLeft: '8px solid transparent',
    borderRight: '8px solid transparent',
    borderBottom: '8px solid red',
}
//styles generated to create a DOM arrow pointing up: