TailwindLiveComponents View Source
Set of Elixir LiveView Components for building forms with Tailwind CSS.
- requires TailwindCSS 2.0+
- requires Alpine.js 3.0+
Installation
If available in Hex, 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.1.0"}
]
end
Import the tailwind_live_components
javascript dependency to app.js
.
This is included in the hex package that's installed in the deps
import "tailwind_live_components"
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: [
'./js/**/*.js',
'../lib/*_web/**/*.*ex',
// Add new folder to monitor
'../deps/tailwind_live_components/**/*.*ex'
],
theme: {
extend: {},
},
plugins: [],
}
Documentation can be generated with ExDoc and published on HexDocs. Once published, the docs can be found at https://hexdocs.pm/tailwind_live_components.