{"id":19197926,"url":"https://github.com/flarebyte/bubblegum-ui-tag","last_synced_at":"2026-06-17T16:03:54.102Z","repository":{"id":62418488,"uuid":"135408978","full_name":"flarebyte/bubblegum-ui-tag","owner":"flarebyte","description":"Tag selection widget for the Bubblegum UI toolkit","archived":false,"fork":false,"pushed_at":"2018-06-23T12:16:47.000Z","size":174,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-04T10:24:30.407Z","etag":null,"topics":["widget"],"latest_commit_sha":null,"homepage":"https://flarebyte.github.io/bubblegum-ui-tag/","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/flarebyte.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-05-30T08:00:54.000Z","updated_at":"2018-06-23T12:09:22.000Z","dependencies_parsed_at":"2022-11-01T16:47:54.793Z","dependency_job_id":null,"html_url":"https://github.com/flarebyte/bubblegum-ui-tag","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flarebyte%2Fbubblegum-ui-tag","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flarebyte%2Fbubblegum-ui-tag/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flarebyte%2Fbubblegum-ui-tag/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/flarebyte%2Fbubblegum-ui-tag/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/flarebyte","download_url":"https://codeload.github.com/flarebyte/bubblegum-ui-tag/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240271540,"owners_count":19774859,"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":["widget"],"created_at":"2024-11-09T12:19:32.391Z","updated_at":"2025-10-26T23:03:49.240Z","avatar_url":"https://github.com/flarebyte.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tag Widget\n\n\u003e Tag widget for the Bubblegum UI toolkit\n\n[![Build Status](https://semaphoreci.com/api/v1/olih/bubblegum-ui-tag/branches/master/badge.svg)](https://semaphoreci.com/olih/bubblegum-ui-tag)\n\nPlease check the [demo](https://flarebyte.github.io/bubblegum-ui-tag/)\n\n![listbox tag widget](tag-widget.jpg)\n\n### Installing Elm packages\n\nThere is no dependency.\n\n```\nelm-package install flarebyte/bubblegum-ui-tag\n```\n\n## Configuring the widget\n\n```\nimport Bubblegum.Tag.Adapter as Adapter\nimport Bubblegum.Tag.Widget as Widget\nimport Bubblegum.Entity.SettingsEntity as SettingsEntity\nimport Bubblegum.Entity.StateEntity as StateEntity\nimport Bubblegum.Entity.Attribute as Attribute\n\n\ntype TestMsg\n    = OnSearchInput String\n    | OnToggleDropbox\n    | OnAddTag String\n    | OnDeleteTag String\n\nattr: String -\u003e String -\u003e Attribute.Model\nattr key value =\n     { id = Nothing\n    , key = key\n    , facets = []\n    , values = [value]\n    }  \n\nadapter : Adapter.Model TestMsg\nadapter =  =\n        { onSearchInput = OnSearchInput\n        , onToggleDropbox = OnToggleDropbox\n        , onAddTag = OnAddTag\n        , onDeleteTag = OnDeleteTag\n        }\n\nuserSettings: SettingsEntity.Model\nuserSettings = {\n    attributes = [\n        attr \"ui:user-language\" \"en-GB\"\n    ]\n }\n\nsettings: SettingsEntity.Model\nsettings = {\n    attributes = [\n        attr \"ui:label\" \"Label for field\"\n    ] ++ getExampleAttributes -- see tests/WidgetTestData\n }\n\nstate: StateEntity.Model\nstate = {\n    attributes = [\n        attr ui_suggesting \"true\"\n        , attrs ui_selected [ \"id:suggestion:1\", \"id:suggestion:3\" ]\n        ]\n }\n\n  Widget.view adapter userSettings settings state     \n\n```\n\n## Widget configuration\n\n### User Settings\n\n * **ui:content-right-to-left** : Whether the content requires right to left (Bool)\n * **ui:user-language** : Language used by the user (String)\n * **ui:user-right-to-left** : Whether the user is using right to left (Bool)\n\n### Settings\n\n * **ui:suggestion** : The list of suggested tags for the field (List String)\n * **ui:help** : Some help tip related to the field (String)\n * **ui:label** : Label related to the field (String)\n * **ui:search-label** : Label related to the search field (String)\n * **ui:success-minimum-tags** : The minimum number of tags needed for successful content (Int)\n * **ui:success-maximum-tags** : The maximum number of tags needed for successful content (Int)\n * **ui:danger-minimum-tags** : Warning when under the minimum number of tags (Int)\n * **ui:danger-maximum-tags** : Warning when over the maximum number of tags (Int)\n\nAnd for each suggestion, you need to describe further:\n\n * **ui:constituent-label** : Label of the constituent (String)\n * **ui:constituent-description** : Description of the constituent (String)\n * **ui:constituent-tag** : Tag used to describe the constituent (List String)\n * **ui:constituent-warning-tag** : Tag representing a warning aspect of the constituent (List String)\n * **ui:constituent-danger-tag** : Tag representing a dangerous aspect of the constituent (List String)\n\n### State\n\n * **ui:selected** : The selected tags for the field (List String)\n * **ui:suggesting** : Suggesting is currently happening (Bool)\n * **ui:search** : Search term for filtering the available options (String)\n * **ui:danger-help** : Help message to highlight an issue with the content (String)\n \n## Technical design\n\nSee [Technical design](TECHNICAL_DESIGN.md)\n\n## Contributing\n\nPlease read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.\n\n## Versioning\n\nManaged automatically by [Elm version rules](https://github.com/elm-lang/elm-package#version-rules).\n\n## Authors\n\n* **Olivier Huin** - *Initial work* - [olih](https://github.com/olih)\n\nSee also the list of [contributors](https://github.com/flarebyte/bubblegum-ui-tag/graphs/contributors) who participated in this project.\n\n## License\n\nThis project is licensed under the BSD 3-Clause License - see the [LICENSE.md](LICENSE) file for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflarebyte%2Fbubblegum-ui-tag","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fflarebyte%2Fbubblegum-ui-tag","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fflarebyte%2Fbubblegum-ui-tag/lists"}