Creating the Arrows Plugin

In this lesson, we’ll create a custom arrow plugin. This arrows plugin will use a technique for creating different shapes with CSS—which shouldn’t be confused with the CSS Shapes module. It will produce four arrows that we can use as icons in our designs.

Adding the addComponents() function

To start, we’ll create a new arrows.js file in the plugins directory with the following content: