https://github.com/evilmarty/daisy_components
Daisy UI components built with Phoenix LiveView.
https://github.com/evilmarty/daisy_components
components daisy-ui daisyui elixir elixir-lang elixir-phoenix
Last synced: 3 months ago
JSON representation
Daisy UI components built with Phoenix LiveView.
- Host: GitHub
- URL: https://github.com/evilmarty/daisy_components
- Owner: evilmarty
- License: mit
- Created: 2026-01-04T05:58:39.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2026-03-01T21:48:40.000Z (4 months ago)
- Last Synced: 2026-03-05T05:05:09.582Z (4 months ago)
- Topics: components, daisy-ui, daisyui, elixir, elixir-lang, elixir-phoenix
- Language: Elixir
- Homepage:
- Size: 37.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Daisy Components
[Daisy UI](https://daisyui.com) components built with Phoenix LiveView.
## Installation
If [available in Hex](https://hex.pm/docs/publish), the package can be installed
by adding `daisy_components` to your list of dependencies in `mix.exs`:
```elixir
def deps do
[
{:daisy_components, "~> 0.1.0"}
]
end
```
Update Tailwind CSS to include Daisy Components styles by adding the following line to your `app.css`:
```css
@plugin "daisyui";
@source "../../deps/daisy_components/**/*.ex";
```
If you are using `tailwind.config.js`, make sure to include the Daisy Components path:
```js
module.exports = {
content: [
//...
"../../deps/daisy_components/**/*.ex" // <- reference DaisyComponents as content path
],
//...
plugins: [
//...
require("daisyui") <- // add DaisyUI plugin
//...
]
}
```
Add `DaisyComponents` to your helpers to access in your templates:
```elixir
defp html_helpers do
quote do
#...
import DaisyComponents
end
end
```
Include it in your `CoreComponents` or equivalent module:
```elixir
defmodule MyAppWeb.CoreComponents do
use Phoenix.Component
import DaisyComponents
#...
end
```
Documentation can be generated with [ExDoc](https://github.com/elixir-lang/ex_doc)
and published on [HexDocs](https://hexdocs.pm). Once published, the docs can
be found at .
## TODO
[ ] Add all components from Daisy UI.
[ ] Setup Storybook for LiveView.