> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: setProp()

## Article: setProp()

## Article Link: https://dev.wix.com/docs/sdk/host-modules/editor/widget/set-prop.md

## Article Content:

# setProp()

Sets the value of the specified widget property.

For widgets built with a [self-hosted custom element](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/self-hosting/supported-extensions/site-extensions/site-widgets-and-plugins/add-self-hosted-site-widget-extensions-with-custom-elements.md), properties are bound to the element's attributes. Updating a widget property triggers the custom element's `attributeChangedCallback()` function.

## Syntax

```js
function setProp(propName: string, value: string): Promise<void>
```

## Parameters

| Name     | Type                               | Description                  |
|:---------|:-----------------------------------|:-----------------------------|
| `propName` | string | Name of the property that you want to set. |
| `value` | string | Value of the property that you want to set. |

## Returns

`Promise<void>`

## Example

```js
import { widget } from '@wix/editor';

async function setWidgetProp(propName, value) {
  const response = await widget.setProp(propName, value);
}
```