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

Overview

<VeltWireframe>
    <VeltTranscriptionWireframe>
        <VeltTranscriptionWireframe.FloatingMode />
        <VeltTranscriptionWireframe.EmbedMode />
    </VeltTranscriptionWireframe>
</VeltWireframe>

FloatingMode

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode>
        <VeltTranscriptionWireframe.FloatingMode.Button />
        <VeltTranscriptionWireframe.FloatingMode.Tooltip />
        <VeltTranscriptionWireframe.FloatingMode.PanelContainer />
    </VeltTranscriptionWireframe.FloatingMode>
</VeltWireframe>

Button

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Button />
</VeltWireframe>

Tooltip

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Tooltip />
</VeltWireframe>

PanelContainer

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.PanelContainer>
        <VeltTranscriptionWireframe.FloatingMode.Panel />
    </VeltTranscriptionWireframe.FloatingMode.PanelContainer>
</VeltWireframe>

Panel

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel>
        <VeltTranscriptionWireframe.FloatingMode.Panel.CloseButton />
        <VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink />
        <VeltTranscriptionWireframe.FloatingMode.Panel.Summary />
        <VeltTranscriptionWireframe.FloatingMode.Panel.Content />
    </VeltTranscriptionWireframe.FloatingMode.Panel>
</VeltWireframe>

CloseButton

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.CloseButton />
</VeltWireframe>

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink>
        <VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Button />
        <VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Tooltip />
    </VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink>
</VeltWireframe>

Button

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Button />
</VeltWireframe>

Tooltip

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.CopyLink.Tooltip />
</VeltWireframe>

Summary

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Summary>
        <VeltTranscriptionWireframe.FloatingMode.Panel.Summary.Text />
        <VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle />
    </VeltTranscriptionWireframe.FloatingMode.Panel.Summary>
</VeltWireframe>

Text

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Summary.Text />
</VeltWireframe>

ExpandToggle

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle>
        <VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.On />
        <VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.Off />
    </VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle>
</VeltWireframe>

On

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.On />
</VeltWireframe>

Off

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Summary.ExpandToggle.Off />
</VeltWireframe>

Content

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Content>
        <VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item />
    </VeltTranscriptionWireframe.FloatingMode.Panel.Content>
</VeltWireframe>

Item

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item>
        <VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Text />
        <VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Time />
    </VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item>
</VeltWireframe>

Text

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Text />
</VeltWireframe>

Time

<VeltWireframe>
    <VeltTranscriptionWireframe.FloatingMode.Panel.Content.Item.Time />
</VeltWireframe>

EmbedMode

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode>
        <VeltTranscriptionWireframe.EmbedMode.Panel />
    </VeltTranscriptionWireframe.EmbedMode>
</VeltWireframe>

Panel

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel>
        <VeltTranscriptionWireframe.EmbedMode.Panel.CloseButton />
        <VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink />
        <VeltTranscriptionWireframe.EmbedMode.Panel.Summary />
        <VeltTranscriptionWireframe.EmbedMode.Panel.Content />
    </VeltTranscriptionWireframe.EmbedMode.Panel>
</VeltWireframe>

CloseButton

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.CloseButton />
</VeltWireframe>

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink>
        <VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Button />
        <VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Tooltip />
    </VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink>
</VeltWireframe>

Button

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Button />
</VeltWireframe>

Tooltip

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.CopyLink.Tooltip />
</VeltWireframe>

Summary

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Summary>
        <VeltTranscriptionWireframe.EmbedMode.Panel.Summary.Text />
        <VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle />
    </VeltTranscriptionWireframe.EmbedMode.Panel.Summary>
</VeltWireframe>

Text

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Summary.Text />
</VeltWireframe>

ExpandToggle

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle>
        <VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.On />
        <VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.Off />
    </VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle>
</VeltWireframe>

On

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.On />
</VeltWireframe>

Off

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Summary.ExpandToggle.Off />
</VeltWireframe>

Content

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Content>
        <VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item />
    </VeltTranscriptionWireframe.EmbedMode.Panel.Content>
</VeltWireframe>

Item

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item>
        <VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Text />
        <VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Time />
    </VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item>
</VeltWireframe>

Text

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Text />
</VeltWireframe>

Time

<VeltWireframe>
    <VeltTranscriptionWireframe.EmbedMode.Panel.Content.Item.Time />
</VeltWireframe>