> For the complete documentation index, see [llms.txt](https://docs.emobiq.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.emobiq.com/emobiq-client/006-actions-and-visual-logic/action-reference/cordova/app/setcomponentelattr.md).

# setComponentElAttr

## Description

Allows users to set a new value for an attribute of a component.

## Input / Parameter

| Name        | Description                            | Input Type  | Default | Options | Required                           |
| ----------- | -------------------------------------- | ----------- | ------- | ------- | ---------------------------------- |
| component   | The name of the component.             | String/Text | -       | -       | Partial (Yes if no 'componentId'.) |
| componentId | The id of the component.               | String/Text | -       | -       | Partial (Yes if no 'component'.)   |
| attr        | The attribute of the component.        | String/Text | -       | -       | Yes                                |
| value       | The value to be set for the attribute. | String/Text | -       | -       | Yes                                |

**\* Note:** Either component or componentId must have value in order for this function to work.

## Output

N/A

Note: The component will be updated to show the new value assigned to the attribute.

## Callback

N/A

## Video

Coming Soon.

## Example

The user override a specific element atrribute of a component.

### Step

1. Draw a button "btnSetComponentElAttr"

   ![](/files/IDc1U3oYR6uVJP7NOM8k)
2. Call the function

   ![](/files/GEA2RyVkvwX0yfeYu0gZ)

   ![](/files/9rFZxn0HXJkJ7sCpmpqS)

### Result

The elemnet attribute "innerText" of a button "btnSetComponentElAttr" will have the value of "New Label".

![](/files/3vJBgSWS2X69lhJixGf1)

## Links