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