{"id":16711764,"url":"https://github.com/bburdette/elm-ui-examples","last_synced_at":"2025-07-20T15:33:23.680Z","repository":{"id":47002270,"uuid":"178877568","full_name":"bburdette/elm-ui-examples","owner":"bburdette","description":null,"archived":false,"fork":false,"pushed_at":"2025-07-04T23:40:34.000Z","size":35,"stargazers_count":13,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-05T00:33:01.385Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Elm","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bburdette.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2019-04-01T14:10:07.000Z","updated_at":"2025-07-04T23:40:37.000Z","dependencies_parsed_at":"2022-09-01T10:31:27.085Z","dependency_job_id":null,"html_url":"https://github.com/bburdette/elm-ui-examples","commit_stats":{"total_commits":24,"total_committers":3,"mean_commits":8.0,"dds":0.5,"last_synced_commit":"55607272de217a36a400cffff2b5f3fb26b66ed3"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/bburdette/elm-ui-examples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bburdette%2Felm-ui-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bburdette%2Felm-ui-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bburdette%2Felm-ui-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bburdette%2Felm-ui-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bburdette","download_url":"https://codeload.github.com/bburdette/elm-ui-examples/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bburdette%2Felm-ui-examples/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266151524,"owners_count":23884436,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-12T20:26:22.984Z","updated_at":"2025-07-20T15:33:23.675Z","avatar_url":"https://github.com/bburdette.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"# elm-ui-examples\n\nThis is a collection of tweaks, hacks, and examples that I've found helpful (or at least interesting), while building things with elm-ui.\n\nDo you have some code that belongs here?  Contributions welcome.  Maybe some of these things will find their way into a more coherent form at some point.\n\nAlso check out rofrol's repo here:  https://github.com/rofrol/elm-ui-cookbook\n\n# simple dialog\n\ndisplaying elements centered in front of other elements:  https://ellie-app.com/dYb8K3K38NPa1\n\nfor an actual dialog you'd probably want to map the events from the background to a Noop msg.\n\n# code block\n\nI wanted a text area to display code - preserving whitespace but still doing line wrap.  This works as expected, wrapping on spaces and then breaking words if necessary.  https://ellie-app.com/dQTRJhnwV4za1\n\nhere's a horizontally scrolling version:  https://ellie-app.com/dRM6XjdZf3Xa1\n\n# (non) blinky fonts.\n\nUsing Element.Font.external results in blinky UI due to font reloading.\n\nHere are a couple of ellies showing the blink problem and then fixing it by loading the font in the html.\n \nBefore, with blinking:  https://ellie-app.com/5JtKXXPmpKta1\nAfter, blinking fixed:  https://ellie-app.com/5JvNzmS5Qxba1\n\n# toggle\n\nfancy animated toggle switch: https://ellie-app.com/85HbWTjCGWha1\n\n# tooltips\n\ntooltips plus some interesting 'never' usage:  https://ellie-app.com/7R2VHTzHJYYa1\n\n# highlighting rows in elm-ui tables\n\nyou have to track the highlight row in the model, and put mouse events in each cell:\n\nhttps://ellie-app.com/kSZPrk5BCRNa1\n\n# stopping event propogation\n\nyou can stop event propogation on an Element.link or Element.button with:\n\n```\n Element.link  [ Element.htmlAttribute \u003c| Html.Events.stopPropagationOn \"click\" (JD.succeed ( \u003cno-op msg\u003e, True ))]\n     { url = ... , label = ... }\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbburdette%2Felm-ui-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbburdette%2Felm-ui-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbburdette%2Felm-ui-examples/lists"}