Skip to main content

Field Item

The <sdpi-item> component is designed to complement inputs by providing a recognisable layout, as well as a label associated with the input. An sdpi-item will typically represent a single piece of information within the settings, although is not limited to such.

Example​

Property Inspector HTML
<sdpi-item label="Name">
    <sdpi-textfield required></sdpi-textfield>
</sdpi-item>

Result​

An input text field in the Stream Deck property inspector wrapped in an sdpi-item component, the results are a consistent layout

optional

An sdpi-item is not required when rendering components, but is recommended. Additional styling will be required of components not wrapped with an sdpi-item, for example.

An input text field in the Stream Deck property inspector that is not wrapped with an sdpi-item component, the layout is inconsistent

Configuration​

The component supports the following configuration.

NameTypeDescription
labelstringLabel text that represents the field; when clicked, the first input within the component gains focus.