# TailwindLiveComponents

Set of Elixir LiveView Components for building forms with Tailwind CSS.

- requires TailwindCSS 2.0+

## Installation

The package can be installed by adding `tailwind_live_components` to your list of dependencies in `mix.exs`:

def deps do
    {:tailwind_live_components, "~> 0.5.7"}

Import the `tailwind_live_components` javascript dependency to `app.js`.
This is included in the hex package that's installed in `deps`.

import Hooks from "tailwind_live_components"

Add the Hooks to your `LiveSocket` instance:

let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")
let liveSocket = new LiveSocket("/live", Socket, {
  params: { _csrf_token: csrfToken },
  // add your hooks here:
  hooks: Hooks

Update your `tailwind.config.js` file to include the `tailwind_live_components`
folder so all styles used there will be captured by the JIT complier:

module.exports = {
  content: [
    // Add new folder to monitor
  theme: {
    extend: {},
  plugins: [],

Documentation can be generated with [ExDoc](
and published on [HexDocs]( Once published, the docs can
be found at <>.