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 library photo-gallery dynamic-data global-style

Available Tab Options #

It needs some configuration options which are explained below:
PropertyDescriptionType
enabled-boolean
labelLabel that users see in the side panelstring
iconIcon that users see in the side panel. The value can be string or ReactNodestring | ReactNode
positionOptionally, you can specify the position you want the tab to appear onnumber

Explore Our Email Builder