Creating the Arrows Plugin

Learn how to create the arrows plugin for creating different shapes with CSS.

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:

Get hands-on with 1200+ tech skills courses.