Concepts
Async Collaboration
- Comments
- In-app Notifications
- Notifications Tool
- Notifications Panel
- Recorder
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Subcomponents
Documents tab content
Document tab content that contains it’s notifications.
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents>
<VeltNotificationsPanelWireframe.Content.Documents.List>
<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>
{/* Refer to the Common Content List section for this definition */}
<VeltNotificationsPanelWireframe.Content.List />
<VeltNotificationsPanelWireframe.Content.LoadMore />
</VeltNotificationsPanelWireframe.Content.Documents.List.Item.Content>
</VeltNotificationsPanelWireframe.Content.Documents.List.Item>
</VeltNotificationsPanelWireframe.Content.Documents.List>
{/* This only renders when there are no unread notifications */}
<VeltNotificationsPanelWireframe.Content.AllReadContainer />
</VeltNotificationsPanelWireframe.Content.Documents>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents>
<VeltNotificationsPanelWireframe.Content.Documents.List>
<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>
{/* Refer to the Common Content List section for this definition */}
<VeltNotificationsPanelWireframe.Content.List />
<VeltNotificationsPanelWireframe.Content.LoadMore />
</VeltNotificationsPanelWireframe.Content.Documents.List.Item.Content>
</VeltNotificationsPanelWireframe.Content.Documents.List.Item>
</VeltNotificationsPanelWireframe.Content.Documents.List>
{/* This only renders when there are no unread notifications */}
<VeltNotificationsPanelWireframe.Content.AllReadContainer />
</VeltNotificationsPanelWireframe.Content.Documents>
</VeltWireframe>
Was this page helpful?
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.Documents>
<VeltNotificationsPanelWireframe.Content.Documents.List>
<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>
{/* Refer to the Common Content List section for this definition */}
<VeltNotificationsPanelWireframe.Content.List />
<VeltNotificationsPanelWireframe.Content.LoadMore />
</VeltNotificationsPanelWireframe.Content.Documents.List.Item.Content>
</VeltNotificationsPanelWireframe.Content.Documents.List.Item>
</VeltNotificationsPanelWireframe.Content.Documents.List>
{/* This only renders when there are no unread notifications */}
<VeltNotificationsPanelWireframe.Content.AllReadContainer />
</VeltNotificationsPanelWireframe.Content.Documents>
</VeltWireframe>