Skip to main content
We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.

​
Overview

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe>
        <VeltSubtitlesWireframe.EmbedMode />
        <VeltSubtitlesWireframe.FloatingMode />
    </VeltSubtitlesWireframe>
</VeltWireframe>

​
EmbedMode

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe.EmbedMode>
        <VeltSubtitlesWireframe.EmbedMode.Text />
    </VeltSubtitlesWireframe.EmbedMode>
</VeltWireframe>

​
Text

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe.EmbedMode.Text />
</VeltWireframe>

​
FloatingMode

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode>
        <VeltSubtitlesWireframe.FloatingMode.Button />
        <VeltSubtitlesWireframe.FloatingMode.Tooltip />
        <VeltSubtitlesWireframe.FloatingMode.Panel />
    </VeltSubtitlesWireframe.FloatingMode>
</VeltWireframe>

​
Button

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.Button />
</VeltWireframe>

​
Tooltip

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.Tooltip />
</VeltWireframe>

​
Panel

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.Panel>
        <VeltSubtitlesWireframe.FloatingMode.CloseButton />
        <VeltSubtitlesWireframe.FloatingMode.Text />
    </VeltSubtitlesWireframe.FloatingMode.Panel>
</VeltWireframe>

​
CloseButton

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.CloseButton />
</VeltWireframe>

​
Text

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.Text />
</VeltWireframe>
⌘I