{"repo":"duskmoon-dev/phoenix-duskmoon-ui","free":true,"listed":false,"github":"https://github.com/duskmoon-dev/phoenix-duskmoon-ui","clone":"git clone https://github.com/duskmoon-dev/phoenix-duskmoon-ui.git","description":"Duskmoon UI for Phoenix Framework","language":"C","stars":65,"topics":["elixir","phoenix","web-components","phoenix-livecomponents","duskmoon"],"license":null,"category":"ui-components","readme_excerpt":"PhoenixDuskmoon Duskmoon UI component library for Phoenix LiveView applications. v9 : Uses @duskmoon-dev/core CSS design system, HTML Custom Elements ( @duskmoon-dev/elements ), and Art Custom Elements ( @duskmoon-dev/art-elements ). Requires tailwindcss = 4.0 See the docs for more information. Install Add to mix.exs : Install frontend packages: Optionally, add CSS Art and Art Custom Elements support: View Helpers Add to your Phoenix view helpers (e.g. lib/my app web.ex ): CSS Setup In your CSS entry file (e.g. assets/css/app.css ): JavaScript Setup Register the custom elements in assets/js/app.js : Hooks Setup Some components require LiveView hooks. Add them when creating your LiveSocket : Components that require hooks: - — theme switching with localStorage - — keyboard shortcut handling (Cmd/Ctrl+K) - — scroll-based intersection observer Usage Buttons Cards Icons Forms Common Attributes Attribute Values ----------- -------- variant primary , secondary , accent , info , success , warning , error , ghost , link , outline size xs , sm , md , lg shape square , circle loading boolean disabled boolean class additional CSS classes Available Components - Action : buttons, dropdowns, links, menus, toggles - Data Display : accordion, avatar, badge, card, chip, collapse, datetime, flash, git repository, list, markdown, markdown body, pagination, popover, progress, skeleton, stat, table, timeline, tooltip - Data Entry : autocomplete, cascader, checkbox, compact input, file upload, form","default_branch":null,"files":null,"tree":[],"storefront":"/r/duskmoon-dev","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/duskmoon-dev/phoenix-duskmoon-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}