https://github.com/flarebyte/bubblegum-ui-preview
Preview widget for the Bubblegum UI toolkit
https://github.com/flarebyte/bubblegum-ui-preview
wip-do-not-use
Last synced: about 1 month ago
JSON representation
Preview widget for the Bubblegum UI toolkit
- Host: GitHub
- URL: https://github.com/flarebyte/bubblegum-ui-preview
- Owner: flarebyte
- License: bsd-3-clause
- Created: 2018-06-24T09:32:26.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-07-01T17:30:59.000Z (about 8 years ago)
- Last Synced: 2025-03-21T17:09:25.429Z (over 1 year ago)
- Topics: wip-do-not-use
- Language: Python
- Size: 145 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Tag Widget
> Tag widget for the Bubblegum UI toolkit
[](https://semaphoreci.com/olih/bubblegum-ui-preview)
Please check the [demo](https://flarebyte.github.io/bubblegum-ui-preview/)
### Installing Elm packages
There is no dependency.
```
elm-package install flarebyte/bubblegum-ui-preview
```
## Configuring the widget
```
import Bubblegum.Preview.Adapter as Adapter
import Bubblegum.Preview.Widget as Widget
import Bubblegum.Entity.SettingsEntity as SettingsEntity
import Bubblegum.Entity.StateEntity as StateEntity
import Bubblegum.Entity.Attribute as Attribute
type TestMsg
= OnMouseOver String
attr: String -> String -> Attribute.Model
attr key value =
{ id = Nothing
, key = key
, facets = []
, values = [value]
}
adapter : Adapter.Model TestMsg
adapter = =
{ onMouseOver = OnMouseOver
}
userSettings: SettingsEntity.Model
userSettings = {
attributes = [
attr "ui:user-language" "en-GB"
]
}
settings: SettingsEntity.Model
settings = {
attributes = [
attr "ui:content-appearance" "ui:content-appearance/block-quote"
]
}
state: StateEntity.Model
state = {
attributes = [
attr "ui:content" "Some story"
]
}
Widget.view adapter userSettings settings state
```
## Widget configuration
### User Settings
* **ui:user-language** : Language used by the user (String)
* **ui:user-right-to-left** : Whether the user is using right to left (Bool)
### Settings
* **ui:content-appearance** : The appearance of the field content (String)
### State
* **ui:content-id** : The unique id of the content (String)
* **ui:content** : The content of the field (String)
## Technical design
See [Technical design](TECHNICAL_DESIGN.md)
## Contributing
Please read [CONTRIBUTING.md](CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.
## Versioning
Managed automatically by [Elm version rules](https://github.com/elm-lang/elm-package#version-rules).
## Authors
* **Olivier Huin** - *Initial work* - [olih](https://github.com/olih)
See also the list of [contributors](https://github.com/flarebyte/bubblegum-ui-preview/graphs/contributors) who participated in this project.
## License
This project is licensed under the BSD 3-Clause License - see the [LICENSE.md](LICENSE) file for details