Prototype widgets for Bevy!
Bevy is in need of Widgets and higher levels of abstractions on top of the base UI functionality. But in order to understand the actual requirements, this project will strive to build widget-functionality starting at the lowest level first. Then move on to identify commonalities and higher levels of abstractions that will make sense.
Description: Allows user to trigger an action.
| Feature | Status |
|---|---|
| Enabled / Disabled | Yes |
| Trigger policy | Yes |
| Hover visuals | Yes |
| Press / Release visuals | Yes |
| Action mapping | No |
| Animations | No |
Types:
- Text button
- Icon button
- Label button (Button with icon + text)
Planned, not yet supported.
- Simply displays an icon.
- Should be able to be used anywhere.
https://material.angular.io/components/icon/overview
- Shows a single line of text.
- Control if user should be allowed to mark the text or not
- Can the user focus on this widget?
- Rich text support
Planned, not yet supported.
Planned, not yet supported.
Planned, some support.
-
Checkbox
-
Checkbox with label
-
Inteterminate state (minus sign)
- User can never put it in indererminate state
- Only exist as a computed value
Planned, not yet supported.
Planned, not yet supported.
- Controls that only one of the radio-buttons in the group is selected at any given time
- Needs to be set with an initial value
- Determinate (0 -> 1 progress)
- Indeterminate (unknown progress, just show loading animation)
- Direction of flow (from what direction is it being filled up)
- Can also be used for health-bars
https://material.angular.io/components/progress-bar/overview
- Determinate
- Indeterminate
https://material.angular.io/components/progress-spinner/overview
https://material.angular.io/components/slide-toggle/overview
https://material.angular.io/components/slider/overview
- Background color
- Outline
- Rounded borders
- (nice to have) drop shadow