Skip to content

TagsSelect 🟠 Not ready

The TagsSelect component can be used imported from:

Playground

Parameters

Events

This component has events. Check the documentation about how to use the events.

NamePayloadDescription
changestringReturns the new value of the model
restartedvoidEmitted on value reset

Slots

This component has slots. Check the documentation about how to use the slots.

NameTagsDescription
labelspan
help-textspan

Parameters use

Check the documentation about how to use the parameters.

config

...

options

The options parameter is used to set the options of the radio select. The option object should contain the text and value keys.

We can use <option> tags to define the values of options

We can use slots to define the content of the cards with the option-<value> slot.

Option AOption BOption COption D

Flags

disabled

The attribute disabled will block the interaction with the component.

invalid

The invalid attribute will set the component as invalid.

Methods

reset()

We can all the reset() method of the WebComponent in order to reset the value. This will clean the internal states and emit the nullable value with the change event, plus a restarted event:

In this example, the button triggers the method:

Value:  []

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example