mailui.init({
tools: {
column: {
enabled: true,
icon: () => <span>♥</span>",
label: "Column",
position: 4,
badges: [
{
label: 'Pro',
variant: 'warning' // dark | info | warning | error | success
}
]
},
...
}
});| Property | Description | Type |
|---|---|---|
| enabled | By default true | 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 tool to appear on | number |
| badges | Optionally, you can add badge to each tools, badge object {label: 'Pro', variant: 'warning'} | array |
| Property | Description | Type | Default |
|---|---|---|---|
| label | Label that visible in badge | string | |
| variant | Different styles of badges for displaying various statuses or labels. | dark | info | warning | error | success | warning |