Skip to content

Styling

ModuloEditor does not enforce a strict visual style.

This allows full control over layout and appearance.

You can style the editor using:

  • CSS
  • utility frameworks
  • custom themes
  • component libraries

Example

css
[data-mo-editor] {
  border: 1px solid #ddd;
  border-radius: 6px;
}

[data-mo-editor-toolbar] {
  padding: 8px;
  border-bottom: 1px solid #eee;
}

[data-mo-editor-preview] {
  padding: 16px;
}