> 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: setDesignPreset()

## Article: setDesignPreset()

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

## Article Content:

# setDesignPreset()

> **Note**: This function is supported only on [Blocks widgets](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/site-widgets/about-site-widgets-in-blocks.md).

Sets the selected widget's design preset. Use this function in the widget's [custom panel code](https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-blocks/editor-experience-panels/add-code-to-custom-panels-in-blocks.md).

To use this function on an inner (nested) widget, use [`getNestedWidget()`](https://dev.wix.com/docs/sdk/host-modules/editor/widget/get-nested-widget.md).

## Syntax

```js
function setDesignPreset(designPresetName: string): Promise<void>
```

## Parameters

| Name     | Type                               | Description                  |
|:---------|:-----------------------------------|:-----------------------------|
| `designPresetName` | string | Name of the design preset. |

## Returns

`Promise<void>`

## Example

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

async function setWidgetDesignPreset(designPresetName) {
  const response = await widget.setDesignPreset(designPresetName);
}
```