Multi-input

Implementations

The component MultiInput is available in the following technologies:

Web Components

Make sure you have read about the parameters in here.

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

Name	Type	Slot	Description
`config`	`string`
`label`	`string`	✅	Label of the input
`placeholder`	`string`		Placeholder of the input
`readonly`	`boolean`		Transforms the input into an output
`autocomplete`	`string`		Automated assistance in filling out form field values
`model`	`string[]`		Value of the model
`disabled`	`boolean`		Blocks the user from interacting with the input
`required`	`boolean`		Makes the input required
`name`	`string`		Name of the input
`help-text`	`string`	✅	Help text of the input
`invalid`	`boolean`		Sets the input as invalid
`locale`	`string`
`max-length`	`number`		Maximum length of the input
`max-items`	`number`		Maximum number of items
`data-list`	`string[]`		List of items to suggest
`custom`	`object`		A record of key-value pairs to set the CSS custom tokens. It's a complex attribute set as an JS object in stringified JSON format. Example: html `<z-multi-input custom='{"fill":"#06e7a3"}' />` Check the available values in the customization section.
`custom-str`	`string`		The stringified version of the `custom` property. It follows the pattern `key:value;key:value;`, with the possibility of setting multiple values and spaces between the punctuation characters. Example: html `<z-multi-input custom-str="fill:#06e7a3" />`
`z-theme`	`string`		Sets the theme of the component. The possible values are `light` and `dark`. html `<z-multi-input z-theme="dark" />`

...

INFO

Check everything about the customization mechanics in the "How it works" documentation.

No customization tokens yet implemented for this component

...