Concepts
- Overview
- Customize Layout
- Customize CSS
- Template Variables
- Conditional Templates
- Action Components
- Variants
General Wireframe Setup
Async Collaboration
- Comments
- In-app Notifications
- Notifications Tool
- Notifications Panel
- Overview
- Styling
- Subcomponents
- Read all button
- Title
- Header
- Content
- Overview
- Common content list
- Subcomponents
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
Content
Overview
This contains the main body of the Notifications Panel with the content of each tab.
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content>
{/* For You Tab */}
<VeltNotificationsPanelWireframe.Content.ForYou />
{/* Documents Tab */}
<VeltNotificationsPanelWireframe.Content.Documents />
{/* People Tab */}
<VeltNotificationsPanelWireframe.Content.People />
{/* All Tab */}
<VeltNotificationsPanelWireframe.Content.All />
</VeltNotificationsPanelWireframe.Content>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content>
{/* For You Tab */}
<VeltNotificationsPanelWireframe.Content.ForYou />
{/* Documents Tab */}
<VeltNotificationsPanelWireframe.Content.Documents />
{/* People Tab */}
<VeltNotificationsPanelWireframe.Content.People />
{/* All Tab */}
<VeltNotificationsPanelWireframe.Content.All />
</VeltNotificationsPanelWireframe.Content>
</VeltWireframe>
Was this page helpful?
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content>
{/* For You Tab */}
<VeltNotificationsPanelWireframe.Content.ForYou />
{/* Documents Tab */}
<VeltNotificationsPanelWireframe.Content.Documents />
{/* People Tab */}
<VeltNotificationsPanelWireframe.Content.People />
{/* All Tab */}
<VeltNotificationsPanelWireframe.Content.All />
</VeltNotificationsPanelWireframe.Content>
</VeltWireframe>