5.2 KiB

Raw Blame History

title	component	label	description	source	prev
oh-input - Input	oh-input	Input	Displays an input field, used to set a variable	https://github.com/openhab/openhab-webui/edit/main/bundles/org.openhab.ui/doc/components/oh-input.md	/docs/ui/components/

oh-input - Input

toc

Displays an input field, used to set a variable

Configuration

General

Input name Type of input (see f7 input docs, date or datepicker) Type of data that might be entered (see MDN docs) Placeholder text Display Send button to update the state with a command (needs a configured item) Display input clear button when applicable Makes input outline Display an error message if left empty When enabled, input value will be validated based on input type Only validate when focus moves away from input field Link the input value to the state of this item Use the formatted state as the value for the input control Step value when type set to number, any if left empty Display time when type set to datepicker Default value when not found in item state or variable Name of the variable to set when the input changes Consider the variable value is an object and set the corresponding deep property within that object using a key syntax. Examples: user.name, user[0].address[1].street, [0], [0].label. The inner property and its parent hierarchy will be created if missing.

Examples

Select with Options

component: oh-input
config:
  type: select
  style:
    margin-left: 15px
slots:
  default:
    - component: option
      config:
        value: foo
      slots:
        default:
          - component: Content
            config:
              text: foo
    - component: option
      config:
        value: bar
      slots:
        default:
          - component: Content
            config:
              text: bar

5.2 KiB Raw Blame History