Customize Tabs

Introduction to Tabs

Enable / Disable Tabs #

mailui.init({
  tabs: {
    element: {
      enabled: true,
      label: "Elements",
      icon: () => <span>♥</span>,
      position: 1,
    },
    columns: {
      enabled: false
    },
    ...
  },
});

Available Tabs #

These are the tabs currently accessible for viewing.

element columns blocks photo-gallery dynamic-data global-style

Available Tab Options #

It needs some configuration options which are explained below:

Property	Description	Type
enabled	-	boolean
label	Label that users see in the side panel	string
icon	Icon that users see in the side panel. The value can be string or ReactNode	string \| ReactNode
position	Optionally, you can specify the position you want the tab to appear on	number

Customize Tabs

Enable / Disable Tabs #

Available Tabs #

Available Tab Options #

Explore Our Email Builder