Content
Tags
A component to display coloured tag pills.
Fields
| Name | Type | Description | Options |
|---|---|---|---|
| Tags | Key-Value | Key-value object with tags. Must be a JSON string or a state reference to a dictionary. | |
| Reference | Color | The colour to be used as reference for chroma and luminance, and as the starting point for hue rotation. | |
| Seed value | Number | Choose a different value to reshuffle colours. | |
| Rotate hue | Text | If active, rotates the hue depending on the content of the string. If turned off, the reference colour is always used. |
|
| Primary text | Color | ||
| Custom CSS classes | Text | CSS classes, separated by spaces. You can define classes in custom stylesheets. |
Events
Low code usage
This component can be declared directly in Python, using backend-driven UI.
ui.Tags(content={
"tags": {}, # Union[Dict, str]
"referenceColor": "", # str
"seed": 0.0, # Union[float, str]
"rotateHue": "yes", # str [yes, no]
"primaryTextColor": "", # str
"cssClasses": "", # str
},
handlers={
"wf-tag-click": handle_event,
}
)
A function, in this example handle_event, should be implemented in your code to handle events.
def handle_event(state, payload, context, ui):
pass