The Notification Panel contains all notifications within the current organization. It appears when you click the notification tool or embed it directly on a page.
<VeltWireframe>
<VeltNotificationsPanelWireframe>
<VeltNotificationsPanelWireframe.Title />
<VeltNotificationsPanelWireframe.ReadAllButton />
<VeltNotificationsPanelWireframe.SettingsButton />
<VeltNotificationsPanelWireframe.Skeleton />
<VeltNotificationsPanelWireframe.Header />
<VeltNotificationsPanelWireframe.Content />
<VeltNotificationsPanelWireframe.Settings />
</VeltNotificationsPanelWireframe>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Title />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.ReadAllButton />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Skeleton />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Header>
<VeltNotificationsPanelWireframe.Header.TabAll />
<VeltNotificationsPanelWireframe.Header.TabDocuments />
<VeltNotificationsPanelWireframe.Header.TabForYou />
<VeltNotificationsPanelWireframe.Header.TabPeople />
</VeltNotificationsPanelWireframe.Header>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Header.TabAll />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Header.TabDocuments />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Header.TabForYou />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Header.TabPeople />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content>
<VeltNotificationsPanelWireframe.Content.ForYou />
<VeltNotificationsPanelWireframe.Content.All />
<VeltNotificationsPanelWireframe.Content.Documents />
<VeltNotificationsPanelWireframe.Content.People />
</VeltNotificationsPanelWireframe.Content>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.ForYou>
<VeltNotificationsPanelWireframe.Content.List />
<VeltNotificationsPanelWireframe.Content.LoadMore />
<VeltNotificationsPanelWireframe.Content.AllReadContainer />
</VeltNotificationsPanelWireframe.Content.ForYou>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.All>
<VeltNotificationsPanelWireframe.Content.All.List />
<VeltNotificationsPanelWireframe.Content.AllReadContainer />
</VeltNotificationsPanelWireframe.Content.All>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.All.List>
<VeltNotificationsPanelWireframe.Content.All.List.Item />
</VeltNotificationsPanelWireframe.Content.All.List>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.All.List.Item>
<VeltNotificationsPanelWireframe.Content.All.List.Item.Label />
<VeltNotificationsPanelWireframe.Content.All.List.Item.Content />
</VeltNotificationsPanelWireframe.Content.All.List.Item>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.All.List.Item.Label />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.All.List.Item.Content>
<VeltNotificationsPanelWireframe.Content.List />
<VeltNotificationsPanelWireframe.Content.LoadMore />
</VeltNotificationsPanelWireframe.Content.All.List.Item.Content>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents>
<VeltNotificationsPanelWireframe.Content.Documents.List />
<VeltNotificationsPanelWireframe.Content.AllReadContainer />
</VeltNotificationsPanelWireframe.Content.Documents>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents.List>
<VeltNotificationsPanelWireframe.Content.Documents.List.Item />
</VeltNotificationsPanelWireframe.Content.Documents.List>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents.List.Item>
<VeltNotificationsPanelWireframe.Content.Documents.List.Item.Unread />
<VeltNotificationsPanelWireframe.Content.Documents.List.Item.Name />
<VeltNotificationsPanelWireframe.Content.Documents.List.Item.Count />
<VeltNotificationsPanelWireframe.Content.Documents.List.Item.Content />
</VeltNotificationsPanelWireframe.Content.Documents.List.Item>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents.List.Item.Unread />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents.List.Item.Name />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents.List.Item.Count />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents.List.Item.Content>
<VeltNotificationsPanelWireframe.Content.List />
<VeltNotificationsPanelWireframe.Content.LoadMore />
</VeltNotificationsPanelWireframe.Content.Documents.List.Item.Content>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.People>
<VeltNotificationsPanelWireframe.Content.People.List />
<VeltNotificationsPanelWireframe.Content.AllReadContainer />
</VeltNotificationsPanelWireframe.Content.People>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.People.List>
<VeltNotificationsPanelWireframe.Content.People.List.Item />
</VeltNotificationsPanelWireframe.Content.People.List>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.People.List.Item>
<VeltNotificationsPanelWireframe.Content.People.List.Item.Avatar />
<VeltNotificationsPanelWireframe.Content.People.List.Item.Name />
<VeltNotificationsPanelWireframe.Content.People.List.Item.Count />
<VeltNotificationsPanelWireframe.Content.People.List.Item.Content />
</VeltNotificationsPanelWireframe.Content.People.List.Item>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.People.List.Item.Avatar />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.People.List.Item.Name />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.People.List.Item.Count />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.People.List.Item.Content>
<VeltNotificationsPanelWireframe.Content.List />
<VeltNotificationsPanelWireframe.Content.LoadMore />
</VeltNotificationsPanelWireframe.Content.People.List.Item.Content>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings>
<VeltNotificationsPanelWireframe.Settings.Header />
<VeltNotificationsPanelWireframe.Settings.Title />
<VeltNotificationsPanelWireframe.Settings.Description />
<VeltNotificationsPanelWireframe.Settings.List />
<VeltNotificationsPanelWireframe.Settings.Footer />
</VeltNotificationsPanelWireframe.Settings>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.Header>
<VeltNotificationsPanelWireframe.Settings.BackButton />
<VeltNotificationsPanelWireframe.Settings.Header.Title />
</VeltNotificationsPanelWireframe.Settings.Header>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.BackButton />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.Header.Title />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.Title />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.Description />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List>
<VeltNotificationsPanelWireframe.Settings.List.Accordion />
</VeltNotificationsPanelWireframe.Settings.List>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger />
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Content />
</VeltNotificationsPanelWireframe.Settings.List.Accordion>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger.Label />
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger.SelectedValue />
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger.Icon />
</VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger.Label />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger.SelectedValue />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Trigger.Icon />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Content>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Content.Item />
</VeltNotificationsPanelWireframe.Settings.List.Accordion.Content>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Content.Item>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Content.Item.Icon />
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Content.Item.Label />
</VeltNotificationsPanelWireframe.Settings.List.Accordion.Content.Item>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Content.Item.Icon />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.List.Accordion.Content.Item.Label />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.Footer>
<VeltNotificationsPanelWireframe.Settings.MuteAllTitle />
<VeltNotificationsPanelWireframe.Settings.MuteAllDescription />
<VeltNotificationsPanelWireframe.Settings.MuteAllToggle />
</VeltNotificationsPanelWireframe.Settings.Footer>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.MuteAllTitle />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.MuteAllDescription />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Settings.MuteAllToggle />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List>
<VeltNotificationsPanelWireframe.Content.List.Item />
</VeltNotificationsPanelWireframe.Content.List>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List.Item>
<VeltNotificationsPanelWireframe.Content.List.Item.Avatar />
<VeltNotificationsPanelWireframe.Content.List.Item.Unread />
<VeltNotificationsPanelWireframe.Content.List.Item.Headline />
<VeltNotificationsPanelWireframe.Content.List.Item.Body />
<VeltNotificationsPanelWireframe.Content.List.Item.FileName />
<VeltNotificationsPanelWireframe.Content.List.Item.Time />
</VeltNotificationsPanelWireframe.Content.List.Item>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List.Item.Avatar />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List.Item.Unread />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List.Item.Headline />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List.Item.Body />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List.Item.FileName />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List.Item.Time />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.LoadMore />
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.AllReadContainer />
</VeltWireframe>
Default: true
<VeltNotificationsPanel shadowDom={false} />
Default: false
<VeltNotificationsPanel darkMode={true} />
Was this page helpful?