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
Common content list
Common Content List component used within all the tab content sections. This renders the list of notifications. You can customize it for all tabs using this or customize it individually within each tab.
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List>
<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>
</VeltNotificationsPanelWireframe.Content.List>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List>
<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>
</VeltNotificationsPanelWireframe.Content.List>
</VeltWireframe>
Was this page helpful?
<VeltWireframe>
<VeltNotificationsPanelWireframe.Content.List>
<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>
</VeltNotificationsPanelWireframe.Content.List>
</VeltWireframe>