Appearance

You can customize the appearance of the editor with panel positioning and colors.

Changing Appearance #

There are 2 ways you can change the appearance of MailUi.

1. You can pass the appearance object during initialization like this:

mailui.init({
  appearance: {
    panels: {
      tools: {
        dock: "left", // left, right
        compact: false,
      },
    },
  },
});

2. You can change appearance after initialization like this:

mailui.setAppearance({ ... });

Explore the available options for the Accordion component

Property	Description	Type	Default
dock	-	left, right	left
compact	-	boolean	false