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

## Article: applyPreset()

## Article Link: https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/presets/apply-preset.md

## Article Content:

<!-- Source: packages/public-editor-platform-sdk/src/element/index.ts in wix-private/editor-platform -->
# applyPreset()

Applies a [preset](https://dev.wix.com/docs/build-apps/develop-your-app/extensions/site-extensions/editor-react-components/manifest-reference/editor-element/presets.md) to the selected component. A preset is a named, predefined visual variation of the component, declared in the manifest's `presets` property.

Call this from your custom panel in response to a Wix user's action there, for example when they click a preset thumbnail in your panel's UI. The change applies to the component on the canvas immediately, updating its standard `cssProperties` and data to match that preset's declared defaults. It only runs when your panel calls it, while a Wix user is actively editing.

This is unrelated to which preset a component starts with when a Wix user first adds it to a page. That starting preset comes from the manifest's [`installation.presets`](https://dev.wix.com/docs/build-apps/develop-your-app/extensions/site-extensions/editor-react-components/manifest-reference/root-properties/installation.md) setting, not from a call to `applyPreset()`.

## Syntax

```ts
function applyPreset(options: { key: string }): Promise<void>
```

## Parameters

| Name | Type | Description |
| :---- | :---- | :---- |
| `options.key` | string | Key of the preset to apply. Must match a key returned by [`getPresetDefinitions()`](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/presets/get-preset-definitions.md). |

## Returns

`Promise<void>`

## Example

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

await reactElements.applyPreset({ key: 'minimal' });
```

## See also

- [getPresetDefinitions()](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/presets/get-preset-definitions.md)
- [getAppliedPreset()](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/presets/get-applied-preset.md)
- [About the React Elements API](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/introduction.md)