Tokeninput
Default
<label class="e-field__label" for="tokeninput">
Label
</label>
<e-emojipicker class="e-emojipicker">
<e-token-input class="e-tokeninput" id="tokeninput"></e-token-input>
</e-emojipicker>
<label class="e-field__label" for="tokeninput">Label</label><e-emojipicker class="e-emojipicker"><e-token-input class="e-tokeninput" id="tokeninput"></e-token-input></e-emojipicker>Debug controls
Variations
placeholder
<e-token-input class="e-tokeninput" placeholder="Placeholder"></e-token-input>
<e-token-input class="e-tokeninput" placeholder="Placeholder"></e-token-input>without input style
<e-token-input class="e-tokeninput" no-style></e-token-input>
<e-token-input class="e-tokeninput" no-style></e-token-input>rows
<e-token-input class="e-tokeninput" rows="2"></e-token-input>
<e-token-input class="e-tokeninput" rows="2"></e-token-input>textarea
<label class="e-field__label" for="textarea">
Label
</label>
<e-emojipicker class="e-emojipicker">
<e-token-input class="e-tokeninput" textarea id="textarea"></e-token-input>
</e-emojipicker>
<label class="e-field__label" for="textarea">Label</label><e-emojipicker class="e-emojipicker"><e-token-input class="e-tokeninput" textarea id="textarea"></e-token-input></e-emojipicker>API Reference
Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
| value | Gets and sets the value of the tokeninput. It provides and takes HTML, so "<", ">" and "&" characters in text are converted to HTML entities. | string | - | |
| placeholder | Sets a placeholder | string | - | |
| no-style | Removes e-input class from input div so you can style easily | boolean | false | |
| rows | Allows input to be multiline and truncate content | number | 1 | |
| textarea | Desgin looks like textarea, allows input to be multiline | boolean | false |
Events
| Event | Description | Returns |
|---|---|---|
blur | Fires on blur | |
valueChange | Fires on every value change | value |
activateToken | Fires on click token | object |
API Reference for token
Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
| name | Text content of token. | string | ||
| data | Json data sent back with click event. | string | ||
| icon | Name of the icon shown after name. | string | ||
| iconTooltip | Tooltip of the icon. | string |