uwc-input
This highlights common use-cases/recipes for using uwc-input.
To see how these examples work it's beneficial to open the dev tools now
and check the structure of each example.
Most of the time you should be able to use it without any additional JS
and for the times where JS really is necessary
Hyperscript is a perfect match,
enabling you to embed scripts into the _ property of an
element.
A plain and simple text input
uwc-input can also be disabled like any other input
Since regular inputs tend to be somewhat sketchy regarding localization
uwc-input tries to ameliorate this by retrieving the
nearest lang attribute
date inputs are also localized according to the nearest lang attribute
uwc-input can be styled like any other element because it
doesn't use the shadow DOM
uwc-input can also easily be used as an autocomplete. Just
insert a menu specifying the available li.
By default the data-value attribute will be used as the
value of an li. If none is provided, the text content is treated as the
value.