Bindable Field

Toggles between a value picker (a Select / MultiSelect) and a variable expression text field. It always renders a bind/unbind toggle button automatically, so you don't need to manage that yourself.

Stable
Show details
Stable
Published: September 16, 2025
Updated: October 13, 2025

Bindable fields help users enter secondary information into a text field. The actions are used to:

  • bind to entities, such as variables
  • refer to existing entities; or
  • add a new entity.

Anatomy

textfield-anatomy

Element

Description

Optional?

1. Clearable action

Button to display a clearable action for the text field.

Yes

2. hasSuffix

Text or icon suffix, e.g. appending sec to a time field or using an icon for a dropdown

Yes

3. Secondary action

Button to display one or two secondary actions.

Yes


Variants

Follows the same variants as TextField.


Component dependencies

This component is dependent on the following components:


Help and support