Subtitles

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>

<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

<VeltWireframe>
    <VeltSubtitlesWireframe.EmbedMode>
        <VeltSubtitlesWireframe.EmbedMode.Text />
    </VeltSubtitlesWireframe.EmbedMode>
</VeltWireframe>

<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

<VeltWireframe>
    <VeltSubtitlesWireframe.EmbedMode.Text />
</VeltWireframe>

<velt-wireframe style="display:none;">
    <velt-subtitles-text-wireframe></velt-subtitles-text-wireframe>
</velt-wireframe>

FloatingMode

React / Next.js
Other Frameworks

<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode>
        <VeltSubtitlesWireframe.FloatingMode.Button />
        <VeltSubtitlesWireframe.FloatingMode.Tooltip />
        <VeltSubtitlesWireframe.FloatingMode.Panel />
    </VeltSubtitlesWireframe.FloatingMode>
</VeltWireframe>

<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

<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.Button />
</VeltWireframe>

<velt-wireframe style="display:none;">
    <velt-subtitles-button-wireframe></velt-subtitles-button-wireframe>
</velt-wireframe>

React / Next.js
Other Frameworks

<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.Tooltip />
</VeltWireframe>

<velt-wireframe style="display:none;">
    <velt-subtitles-tooltip-wireframe></velt-subtitles-tooltip-wireframe>
</velt-wireframe>

Panel

React / Next.js
Other Frameworks

<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.Panel>
        <VeltSubtitlesWireframe.FloatingMode.CloseButton />
        <VeltSubtitlesWireframe.FloatingMode.Text />
    </VeltSubtitlesWireframe.FloatingMode.Panel>
</VeltWireframe>

<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

<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.CloseButton />
</VeltWireframe>

<velt-wireframe style="display:none;">
    <velt-subtitles-close-button-wireframe></velt-subtitles-close-button-wireframe>
</velt-wireframe>

Text

React / Next.js
Other Frameworks

<VeltWireframe>
    <VeltSubtitlesWireframe.FloatingMode.Text />
</VeltWireframe>

<velt-wireframe style="display:none;">
    <velt-subtitles-text-wireframe></velt-subtitles-text-wireframe>
</velt-wireframe>

Concepts

Async Collaboration

Realtime Collaboration

Overview

EmbedMode

Text

FloatingMode

Button

Tooltip

Panel

CloseButton

Text

​Overview

​EmbedMode

​Text

​FloatingMode

​Button

​Tooltip

​Panel

​CloseButton

​Text

Overview

EmbedMode

Text

FloatingMode

Button

Tooltip

Panel

CloseButton

Text