Skip to content

Multi-input - Web Component

...

Browser support

Parameters

The Web component uses a <z-multi-input> tag.

The parametrization of the component can be done with the following custom HTML params:

NameTypeDescription
configstring...
labelstringLabel of the input
readonly
(optional)
booleanTransforms the input into an output
value
(optional)
stringValue of the model
disabled
(optional)
booleanBlocks the interaction with the input component.
required
(optional)
booleanMarks the input component as required.
name
(optional)
stringIdentification for the field inside the form
invalid
(optional)
booleanThe forced state for set the input as invalid
help-text
(optional)
stringThe forced message to be shown under the input

The events emitted from the component are:

NamePayloadDescription
onchangestring[]Returns the new value of the "value" attribute

Playground

Customization

HTML Examples

Imports
html
<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/link.js"></script>
Code
html