Inline Comments
Overview
Concepts
- Overview
- Customize Layout
- Customize CSS
- Template Variables
- Conditional Templates
- Action Components
- Variants
General Wireframe Setup
Async Collaboration
- Comments
- In-app Notifications
- Inline Reactions
- Arrows
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
Inline Comments
Overview
Components that appear when using Inline Comments
<VeltWireframe>
<VeltInlineCommentsSectionWireframe>
<VeltInlineCommentsSectionWireframe.Skeleton />
<VeltInlineCommentsSectionWireframe.Panel>
<VeltInlineCommentsSectionWireframe.ComposerContainer />
<VeltInlineCommentsSectionWireframe.CommentCount />
<VeltInlineCommentsSectionWireframe.List />
</VeltInlineCommentsSectionWireframe.Panel>
</VeltInlineCommentsSectionWireframe>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Default Component
Here’s how the default inline comment component looks like:
<VeltWireframe>
<VeltInlineCommentsSectionWireframe>
<VeltInlineCommentsSectionWireframe.Skeleton />
<VeltInlineCommentsSectionWireframe.Panel>
<VeltInlineCommentsSectionWireframe.ComposerContainer />
<VeltInlineCommentsSectionWireframe.CommentCount />
<VeltInlineCommentsSectionWireframe.List />
</VeltInlineCommentsSectionWireframe.Panel>
</VeltInlineCommentsSectionWireframe>
</VeltWireframe>
<VeltWireframe>
<VeltInlineCommentsSectionWireframe>
<VeltInlineCommentsSectionWireframe.Skeleton />
<VeltInlineCommentsSectionWireframe.Panel>
<VeltInlineCommentsSectionWireframe.ComposerContainer />
<VeltInlineCommentsSectionWireframe.CommentCount />
<VeltInlineCommentsSectionWireframe.List />
</VeltInlineCommentsSectionWireframe.Panel>
</VeltInlineCommentsSectionWireframe>
</VeltWireframe>