We recommend that you familiarize yourselves with UI Customization Concepts before attempting to modify any components.
Overview
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe>
<VeltSubtitlesWireframe.EmbedMode />
<VeltSubtitlesWireframe.FloatingMode />
</VeltSubtitlesWireframe>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-wireframe>
<velt-subtitles-embed-mode-wireframe></velt-subtitles-embed-mode-wireframe>
<velt-subtitles-floating-mode-wireframe></velt-subtitles-floating-mode-wireframe>
</velt-subtitles-wireframe>
</velt-wireframe>
EmbedMode
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe.EmbedMode>
<VeltSubtitlesWireframe.EmbedMode.Text />
</VeltSubtitlesWireframe.EmbedMode>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-embed-mode-wireframe>
<velt-subtitles-text-wireframe></velt-subtitles-text-wireframe>
</velt-subtitles-embed-mode-wireframe>
</velt-wireframe>
Text
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe.EmbedMode.Text />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-text-wireframe></velt-subtitles-text-wireframe>
</velt-wireframe>
FloatingMode
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe.FloatingMode>
<VeltSubtitlesWireframe.FloatingMode.Button />
<VeltSubtitlesWireframe.FloatingMode.Tooltip />
<VeltSubtitlesWireframe.FloatingMode.Panel />
</VeltSubtitlesWireframe.FloatingMode>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-floating-mode-wireframe>
<velt-subtitles-button-wireframe></velt-subtitles-button-wireframe>
<velt-subtitles-tooltip-wireframe></velt-subtitles-tooltip-wireframe>
<velt-subtitles-panel-wireframe></velt-subtitles-panel-wireframe>
</velt-subtitles-floating-mode-wireframe>
</velt-wireframe>
Button
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe.FloatingMode.Button />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-button-wireframe></velt-subtitles-button-wireframe>
</velt-wireframe>
Tooltip
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe.FloatingMode.Tooltip />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-tooltip-wireframe></velt-subtitles-tooltip-wireframe>
</velt-wireframe>
Panel
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe.FloatingMode.Panel>
<VeltSubtitlesWireframe.FloatingMode.CloseButton />
<VeltSubtitlesWireframe.FloatingMode.Text />
</VeltSubtitlesWireframe.FloatingMode.Panel>
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-panel-wireframe>
<velt-subtitles-close-button-wireframe></velt-subtitles-close-button-wireframe>
<velt-subtitles-text-wireframe></velt-subtitles-text-wireframe>
</velt-subtitles-panel-wireframe>
</velt-wireframe>
CloseButton
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe.FloatingMode.CloseButton />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-close-button-wireframe></velt-subtitles-close-button-wireframe>
</velt-wireframe>
Text
- React / Next.js
- Other Frameworks
Copy
Ask AI
<VeltWireframe>
<VeltSubtitlesWireframe.FloatingMode.Text />
</VeltWireframe>
Copy
Ask AI
<velt-wireframe style="display:none;">
<velt-subtitles-text-wireframe></velt-subtitles-text-wireframe>
</velt-wireframe>