Namespace Styles

For customization, this component provides CSS custom properties that can be overridden.

You can set custom properties in your layout via Layout Designer.

ix-image-editor {
  --base__font-size: 14px;
}
Copy

This will also work if you need to target a subset of components with a specific class.

ix-image-editor.your-class {
  --base__font-size: 14px;
}
Copy

Alternatively, you can set them inline directly on the element.

<ix-image-editor style="--base__font-size: 14px;"></ix-image-editor>
Copy