ReScript binding to Heroicons

With this binding, heroicons can be used as ReScript-React Components.

open Heroicons

@react.component
let make = () => {
  <div>
    <Solid.PaperAirplaneIcon className="w-8 h-8" />
    <Outline.PaperAirplaneIcon className="w-8 h-8" />
  </div>
}
(* w-8, h-8 are tailwind css classes.*)

Demo

Please visit the following link to check out the demo.
ReScript-Heroicons Demo

Installation

yarn add rescript-heroicons
or
npm install rescript-heroicons

In bsconfig.json

"bs-dependencies": ["rescript-heroicons"]

The binding has the following dependencies, and they have to be installed.

• @rescript/react
• @heroicons/react

Author

Nyi Nyi Than (Jazz)

• LinkedIn: @nyinyithann
• Twitter: @JazzTuyat

License

MIT