title | component | label | description | source | prev |
---|---|---|---|---|---|
oh-stepper-item - Stepper List Item |
oh-stepper-item |
Stepper List Item |
Display a stepper control in a list |
/docs/ui/components/ |
[[toc]]
Display a stepper control in a list
General settings of the list item
Title of the item
Subtitle of the item
Text to display on the opposite side of the item (set either this or a badge)
Use
oh:iconName
(openHAB icon), f7:iconName
(Framework7 icon), material:iconName
(Material icon) or iconify:iconSet:iconName
(Iconify icon, requires being online if not in cache)
Not applicable to openHAB icons
Use the state of the Item to get a dynamic icon (enabled by default for Contact
, Dimmer
, Rollershutter
& Switch
Item types) (for openHAB icons only)
Item to control
Minimum value
Maximum value
Minimum interval between values
Offset to be applied to the Item's state (e.g. Item state = 2; offset = 20; stepper behaves as Item state would be 22)
Display the buttons without the value in the middle
Enables the input field between the buttons. Note that this might not work when min/max is set.
Smaller size
Larger size
Fill the buttons with the primary color
Display the buttons with a raised style
Display the buttons with a rounded style
Continue to increase/decrease the value while the buttons keep being pressed
Speed up the increase/decrease over time while the buttons keep being pressed