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>