Skip to main content

Keyword Box

The Keyword Box control is a user interface element that displays a collection of keywords within a box. It allows users to add new keywords, remove existing ones, and presents a set of values that can be utilized by other controls for various purposes.

Keyword Box Control
Keyword Box Control

Binding Data Options

The Keyword Box control accepts an array of strings in JSON format as binding data. This allows users to input and manage a collection of keywords.

Static Data Option

To display a static set of keywords in the Keyword Box, the Bind Data option must be specified as an array of strings. For instance:

[
"Keyword 1",
"Keyword 2",
"Keyword 3"
]

Properties

PropertyDescription
SizeAutomatically adjusts the size of the box to accommodate varying amounts of keywords.
ThemeAllows you to select the border color of the control using a custom hex code or preset theme.
Keyword backgroundPermits customization of the keyword background color using a custom hex code or preset theme.

Control Outputs

The Keyword Box control captures and maintains a set of keywords entered by the user. These keywords are represented by the placeholder {{keyword_array}}, reflecting the current collection of keywords.

OutputDescription
keyword_arrayRepresents the set of keywords in the Keyword Box.