{"repo":"woylie/doggo","free":true,"listed":false,"github":"https://github.com/woylie/doggo","clone":"git clone https://github.com/woylie/doggo.git","description":"Headless UI components for Phoenix","language":"Elixir","stars":399,"topics":["phoenix","phoenix-liveview","component-library","headless-ui"],"license":"MIT","category":"ui-components","readme_excerpt":"Doggo Headless UI component collection for Phoenix, focused on semantics and accessibility. For a full list of available components, please refer to the documentation. Installation The package can be installed by adding doggo to your list of dependencies in mix.exs : Usage Use Doggo.Components in your core components module or in a separate module. Doggo.Components defines macros that generate Phoenix components. Each modifier results in an additional attribute that is translated into a data attribute. You can use the button defined above like this: The resulting HTML code will look similar to: If no type option is set, a string attribute is added, but you can use any attribute type, as long as the value can be converted to a string. Boolean attributes result in a presence-only boolean data attribute. If the value is true , the attribute is added: If the attribute is omitted or the value is false , the attribute is omitted: Most of the components have a base class that matches the component name. You can override the base class in the component options: To remove the base class, just set it to nil . It is also possible to change the name of the generated component, which can be useful if you want to compile multiple variants of the same component, or if your design system uses different names. This button could be used with: Refer to the Doggo.Components module documentation for more information about the options and the individual components. Phoenix LiveView Hooks Some comp","default_branch":null,"files":null,"tree":[],"storefront":"/r/woylie","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/woylie/doggo/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."}