Properties
Tag properties
| Property | Type | Description |
|---|---|---|
text | string React.ReactNode | (optional) The content of the tag can be a string or a React Element. |
children | string React.ReactNode | (optional) The content of the tag can be a string or a React Element. |
icon | string React.Node | (optional) To be included in the tag. Primary Icons can be set as a string (e.g. icon="chevron_right"), other icons should be set as React elements. Note, we recommend not to use icons with clickable tags. |
hasLabel | boolean | (optional) If a label is given, typical inside a table or dl (definition list), then you can disable Tag.Group as a dependent of Tag. Use true to omit the Tag group required: warning. |
variant | default clickable addable removable | (optional) Possible values are default, clickable, addable, or removable. Defaults to default. |
omitOnKeyUpDeleteEvent | boolean | (optional) Set to true to omit triggering an event when the user releases the Delete or Backspace keys. Defaults to false. |
className | string | (optional) Custom className for the component root. |
skeleton | boolean | (optional) If set to true, an overlaying skeleton with animation will be shown. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |
Tag.Group properties
| Property | Type | Description |
|---|---|---|
label | React.ReactNode | (required) The label description of the group of tags. |
children | React.ReactNode | (optional) Content of the component. Can be used instead of the data-property, by adding Tag elements as children <Tag {...props} />. |
className | string | (optional) Custom className for the component root. |
skeleton | boolean | (optional) If set to true, an overlaying skeleton with animation will be shown. |
Space | string object | (optional) Spacing properties like top or bottom are supported. |
Tag translations
More info about translations can be found in the general localization and Eufemia Forms localization docs.
| Key | nb-NO | en-GB | sv-SE (beta) |
|---|---|---|---|
Tag.removeIconTitle | Fjern | Remove | Ta bort |
Tag.addIconTitle | Legg til | Add | Lägg till |