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