<Preferences />

By default, Novu will show the subscriber preferences cog icon on the Inbox component.

Users can enable/disable any active channel in the workflow using subscriber preferences or they can update the preference globally for all workflows under the Global Preferences.

Preferences Component

The Preferences component is used to display the subscriber preferences, use it when you want to render preference in another part of your application or a custom layout for the Inbox.

import { Inbox, Preferences } from '@novu/react';

function Novu() {
  return (
    <Inbox
      applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
      subscriberId="YOUR_SUBSCRIBER_ID"
    >
      <Preferences />
    </Inbox>
  );
}

Filtering preferences

You can filter the preferences visible by the user by specifying the preferenceFilter on the Inbox component, learn more about it here

Hide global preferences

Global subscriber preferences are shown by default, it can hidden by using below code in global css file

.nv-workflowContainer:first-child {
  display: none;
}

Hide specific channel preferences

To hide any specific channel preferences from all workflows preferences and globaal preferences, below css code can be used in global css file

/* Hide channel description */
.nv-channelDescription {
  display: none;
}

/* Hide email channel */
.nv-workflowContainer:first-child .nv-channelContainer:nth-child(1) {
  display: none;
}

/* Hide sms channel */
.nv-workflowContainer:first-child .nv-channelContainer:nth-child(2) {
  display: none;
}

/* Hide in-app channel */
.nv-workflowContainer:first-child .nv-channelContainer:nth-child(3) {
  display: none;
}

/* Hide chat channel */
.nv-workflowContainer:first-child .nv-channelContainer:nth-child(4) {
  display: none;
}

/* Hide push channel */
.nv-workflowContainer:first-child .nv-channelContainer:nth-child(5) {
  display: none;
}