Status-Widgets

status.activelist status.badge status.collapse status.log status.message status.notify status.toast


status.badge

Displays a notification badge

Parameters
{{ status.badge(id, item, threshold, color) }}
id
unique id for this widget (optional)
item
the item providing the value to show in badge
threshold
array of upper thresholds; the color according to greatest reached threshold is applied (optional)
color
array of colors or 'hidden' to not diplay (optional, default red)
the first one is the base color for values below first threshold, so pass one color more than thresholds.
Examples
Use the slider to set the value
{{ basic.symbol() }} {{ status.badge('', 'bath.multistate') }}
{{ basic.symbol() }} {{ status.badge('', 'bath.multistate', [1,4,7], ['hidden','green','orange','']) }}

Author: Christian aka hhhc and Stefan Widmer

Widgets

Design

Misc