Skip to main content

Variations

First, indicate the directory to resolve variation modules from:

src/index.js
roots.register.variations('./')

Then, create *.variation.{js,ts} modules.

Each should export the required properties of the WordPress Editor Variations API.

They should also export the variation name (sometimes referred to as namespace in WordPress documentation).

Example​

Using named exports:

src/example.variation.js
export const block = `core/list`
export const name = `custom`
export const label = `Custom`
export const isDefault = false

Using a default export:

src/example.variation.js
export default {
  block: `core/list`,
  name: `custom`,
  label: `Custom`,
  isDefault: false,
}