Noora (noora v0.1.0-alpha.2)

Noora is a component library for building web applications with Phoenix LiveView.

Installation

To start, add noora to your list of dependencies in mix.exs:

defp deps do
  [
    {:noora, "~> 0.1.0"}
  ]
end

Additionally, you need to add the stylesheet and scripts to your own assets.
These come bundled with the package, so, assuming that you are using the default Phoenix setup, you can import them to your assets/css/app.css and assets/js/app.js files:

/* assets/css/app.css */
@import "noora.css";
// assets/js/app.js
import Noora from "noora";

let liveSocket = new LiveSocket("/live", Socket, {
  // Your existing socket setup
  hooks: { ...Noora },
});

Usage

Noora provides a set of Phoenix components that you can use in your LiveView templates.
To see a list of available components, check the documentation.