https://github.com/gsmlg-dev/phoenix-duskmoon-ui
Duskmoon UI for Phoenix Framework
https://github.com/gsmlg-dev/phoenix-duskmoon-ui
duskmoon elixir phoenix phoenix-livecomponents web-components
Last synced: 3 months ago
JSON representation
Duskmoon UI for Phoenix Framework
- Host: GitHub
- URL: https://github.com/gsmlg-dev/phoenix-duskmoon-ui
- Owner: gsmlg-dev
- Created: 2022-04-16T12:49:33.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-09T13:00:17.000Z (4 months ago)
- Last Synced: 2025-03-29T08:33:06.703Z (4 months ago)
- Topics: duskmoon, elixir, phoenix, phoenix-livecomponents, web-components
- Language: Elixir
- Homepage: https://duskmoon-storybook.gsmlg.dev/
- Size: 11.4 MB
- Stars: 67
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PhoenixDuskmoon
[](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/actions/workflows/test-and-release.yml)
Provides Duskmoon UI for Phoenix project.
Require `tailwindcss >= 4.0` and `daisyui >= 5.0`
See the [docs](https://hexdocs.pm/phoenix_duskmoon/) for more information.
## Install
Add deps in `mix.exs`
```elixir
{:phoenix_duskmoon, "~> 6.0"},
```
Include in phoenix view helpers
```elixir
defp html_helpers do
quote do
# import all duskmoon ui component
use PhoenixDuskmoon.Component
# import all duskmoon ui fun component
use PhoenixDuskmoon.Fun
end
end
```
Import `css`
```css
@config "../tailwind.config.js";
@import "tailwindcss";
@plugin "@tailwindcss/typography";
@plugin "daisyui";
@import "phoenix_duskmoon/theme";
@import "phoenix_duskmoon/components";
```
## Live Storybook
[Live Storybook](https://duskmoon-storybook.gsmlg.dev)
