Inline Reactions
Overview
Concepts
Async Collaboration
Realtime Collaboration
- Presence
- Cursors
- Live Selection
- Huddle
- Single Editor Mode
Inline Reactions
Overview
This component is used to render the reaction tool and all the reactions.
<VeltWireframe>
<VeltInlineReactionsSectionWireframe>
<VeltInlineReactionsSectionWireframe.Panel>
{/* This renders the reaction tool */}
<VeltInlineReactionsSectionWireframe.ToolContainer>
<VeltReactionToolWireframe />
</VeltInlineReactionsSectionWireframe.ToolContainer>
{/* This renders the list of reactions added by the users */}
<VeltInlineReactionsSectionWireframe.List>
<VeltReactionPinWireframe />
</VeltInlineReactionsSectionWireframe.List>
</VeltInlineReactionsSectionWireframe.Panel>
</VeltInlineReactionsSectionWireframe>
</VeltWireframe>
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
<VeltWireframe>
<VeltInlineReactionsSectionWireframe>
<VeltInlineReactionsSectionWireframe.Panel>
{/* This renders the reaction tool */}
<VeltInlineReactionsSectionWireframe.ToolContainer>
<VeltReactionToolWireframe />
</VeltInlineReactionsSectionWireframe.ToolContainer>
{/* This renders the list of reactions added by the users */}
<VeltInlineReactionsSectionWireframe.List>
<VeltReactionPinWireframe />
</VeltInlineReactionsSectionWireframe.List>
</VeltInlineReactionsSectionWireframe.Panel>
</VeltInlineReactionsSectionWireframe>
</VeltWireframe>
<VeltWireframe>
<VeltInlineReactionsSectionWireframe>
<VeltInlineReactionsSectionWireframe.Panel>
{/* This renders the reaction tool */}
<VeltInlineReactionsSectionWireframe.ToolContainer>
<VeltReactionToolWireframe />
</VeltInlineReactionsSectionWireframe.ToolContainer>
{/* This renders the list of reactions added by the users */}
<VeltInlineReactionsSectionWireframe.List>
<VeltReactionPinWireframe />
</VeltInlineReactionsSectionWireframe.List>
</VeltInlineReactionsSectionWireframe.Panel>
</VeltInlineReactionsSectionWireframe>
</VeltWireframe>