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>
    <VeltMediaSourceSettingsWireframe>
        <VeltMediaSourceSettingsWireframe.Audio />
        <VeltMediaSourceSettingsWireframe.Video />
    </VeltMediaSourceSettingsWireframe>
</VeltWireframe>

Audio

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Audio>
        <VeltMediaSourceSettingsWireframe.Audio.ToggleIcon />
        <VeltMediaSourceSettingsWireframe.Audio.SelectedLabel />
        <VeltMediaSourceSettingsWireframe.Audio.Divider />
        <VeltMediaSourceSettingsWireframe.Audio.Options />
    </VeltMediaSourceSettingsWireframe.Audio>
</VeltWireframe>

ToggleIcon

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Audio.ToggleIcon>
        <VeltMediaSourceSettingsWireframe.Audio.ToggleIcon.Open />
        <VeltMediaSourceSettingsWireframe.Audio.ToggleIcon.Close />
    </VeltMediaSourceSettingsWireframe.Audio.ToggleIcon>
</VeltWireframe>

SelectedLabel

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Audio.SelectedLabel />
</VeltWireframe>

Divider

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Audio.Divider />
</VeltWireframe>

Options

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Audio.Options>
        <VeltMediaSourceSettingsWireframe.Audio.Options.Item />
    </VeltMediaSourceSettingsWireframe.Audio.Options>
</VeltWireframe>

Item

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Audio.Options.Item>
        <VeltMediaSourceSettingsWireframe.Audio.Options.Item.Icon />
        <VeltMediaSourceSettingsWireframe.Audio.Options.Item.Label />
    </VeltMediaSourceSettingsWireframe.Audio.Options.Item>
</VeltWireframe>

Video

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Video>
        <VeltMediaSourceSettingsWireframe.Video.ToggleIcon />
        <VeltMediaSourceSettingsWireframe.Video.SelectedLabel />
        <VeltMediaSourceSettingsWireframe.Video.Divider />
        <VeltMediaSourceSettingsWireframe.Video.Options />
    </VeltMediaSourceSettingsWireframe.Video>
</VeltWireframe>

ToggleIcon

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Video.ToggleIcon>
        <VeltMediaSourceSettingsWireframe.Video.ToggleIcon.Open />
        <VeltMediaSourceSettingsWireframe.Video.ToggleIcon.Close />
    </VeltMediaSourceSettingsWireframe.Video.ToggleIcon>
</VeltWireframe>

SelectedLabel

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Video.SelectedLabel />
</VeltWireframe>

Divider

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Video.Divider />
</VeltWireframe>

Options

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Video.Options>
        <VeltMediaSourceSettingsWireframe.Video.Options.Item />
    </VeltMediaSourceSettingsWireframe.Video.Options>
</VeltWireframe>

Item

  • React / Next.js
  • Other Frameworks
<VeltWireframe>
    <VeltMediaSourceSettingsWireframe.Video.Options.Item>
        <VeltMediaSourceSettingsWireframe.Video.Options.Item.Icon />
        <VeltMediaSourceSettingsWireframe.Video.Options.Item.Label />
    </VeltMediaSourceSettingsWireframe.Video.Options.Item>
</VeltWireframe>
I