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
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
Subcomponents
Header
This contains all the tabs that are present in the Notifications Panel Header
<VeltWireframe>
<VeltNotificationsPanelWireframe.Header>
<VeltNotificationsPanelWireframe.Header.TabForYou />
<VeltNotificationsPanelWireframe.Header.TabDocuments />
<VeltNotificationsPanelWireframe.Header.TabPeople />
<VeltNotificationsPanelWireframe.Header.TabAll />
</VeltNotificationsPanelWireframe.Header>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
<VeltWireframe>
<VeltNotificationsPanelWireframe.Header>
<VeltNotificationsPanelWireframe.Header.TabForYou />
<VeltNotificationsPanelWireframe.Header.TabDocuments />
<VeltNotificationsPanelWireframe.Header.TabPeople />
<VeltNotificationsPanelWireframe.Header.TabAll />
</VeltNotificationsPanelWireframe.Header>
</VeltWireframe>
<VeltWireframe>
<VeltNotificationsPanelWireframe.Header>
<VeltNotificationsPanelWireframe.Header.TabForYou />
<VeltNotificationsPanelWireframe.Header.TabDocuments />
<VeltNotificationsPanelWireframe.Header.TabPeople />
<VeltNotificationsPanelWireframe.Header.TabAll />
</VeltNotificationsPanelWireframe.Header>
</VeltWireframe>