Text field

The "Text field" component is commonly used in applications to receive user textual input. It allows users to enter text into an input field and is fundamental to many applications.

Properties settings

Link with

Specify the column where user interaction data will be saved in the data table. This setting is exclusive to the detail page and ensures seamless integration between the Text Input component and the linked data table.

Label & Icon

Assign a descriptive label to the text input component to indicate the purpose or expected input from users. You can also choose an icon that visually represents the type of information to be entered.

Default Value

When the page is loaded, set a default value for the Text Input component, a placeholder or pre-filled text. This can give users a starting point or suggestion for their input, streamlining the data entry process.

Hidden

This setting allows the component to be hidden from the user interface. This can be useful when controlling the component's visibility based on specific conditions or user interactions.

Disabled

Configure whether users can change the text in the component to their preference.

You may consider whether or not disabling the ability to interact with a component in many cases. For instance, you may showcase information in read-only mode, prevent accidental changes to critical data, or disable the component until users go through several steps.

Tag

Name the component for use with the Typescript.

currentPage.components.componentTag

Interactions settings

You can enhance the user experience by designing the system's interaction when your users enter a text value. Starion offers a wide range of supported actions, such as updating your table or sending a notification on the interaction.

Explore all the available types of actions and find detailed instructions on their configuration here

pageItem action