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

## Article: getStyleDefinitions()

## Article Link: https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/styles/get-style-definitions.md

## Article Content:

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

Retrieves the style definitions declared in the selected component's manifest, including [`cssProperties`](https://dev.wix.com/docs/build-apps/develop-your-app/extensions/site-extensions/editor-react-components/manifest-reference/editor-element/css/standard-css-properties.md) and [`cssCustomProperties`](https://dev.wix.com/docs/build-apps/develop-your-app/extensions/site-extensions/editor-react-components/manifest-reference/editor-element/css/css-custom-properties.md).

## Syntax

```ts
function getStyleDefinitions(): Promise<ElementStyleDefinitions>
```

## Returns

`Promise<ElementStyleDefinitions>`

| Property | Type | Description |
| :---- | :---- | :---- |
| `cssProperties` | object | Definitions for each declared CSS property, keyed by property name. |
| `cssCustomProperties` | object | Definitions for each declared CSS custom property, keyed by property name. |

Each definition can include:

| Property | Type | Description |
| :---- | :---- | :---- |
| `displayName` | string | The label for the property in auto panels. |
| `defaultValue` | string | The default value declared in the manifest. |
| `statesDefaultValues` | object | Default values for this property in each declared state, keyed by state key. |
| `cssPropertyType` | string | For `cssCustomProperties` only: the control type the property renders as, such as `'color'`. |

## Example

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

const styleDefinitions = await reactElements.getStyleDefinitions();
```

## See also

- [getStyles()](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/styles/get-styles.md)
- [setStyles()](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/styles/set-styles.md)
- [removeStyles()](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/styles/remove-styles.md)
- [About the React Elements API](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/introduction.md)