Phoenix Heroicons

This plugin is used to integrate heroicons with the project using the Phoenix Framework and Tailwind CSS.

Usage

1. Declare heroicons dependency in mix.exs:

defp deps do
  [
    ...
    {:heroicons,
     github: "tailwindlabs/heroicons",
     tag: "v2.1.1",
     sparse: "optimized",
     app: false,
     compile: false,
     depth: 1}
    ...
  ]
end

2. Add the package into assets/package.json:

pnpm --prefix assets add phoenix-heroicons

3. Declare the plugin in the assets/app.css:

@import "tailwindcss" source(none);
@source "../css";
@source "../js";
@source "../../lib/your_app_web";

@plugin "phoenix-heroicons";

4. Run the tailwind command:

mix tailwind your_app

License

MIT © Gilbert Wong. See LICENSE.md for details.