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