Skip to main content
Version: 5.x

vm-menu-radio-group

This component is responsible for containing and managing menu items and submenus. The menu is ARIA friendly by ensuring the correct ARIA properties are set, and enabling keyboard navigation when it is focused.

You can use this component if you'd like to build out a custom settings menu. If you're looking to only customize the content of the settings see vime-settings, and if you want an easier starting point see vime-default-settings.

Visual#

Vime settings menu component

Usage#

<vm-player>  <!-- ... -->  <vm-ui>    <!-- ... -->    <vm-settings>      <vm-submenu label="Playback Rate">        <vm-menu-radio-group value="1">          <vm-menu-radio label="0.5" value="0.5" />          <vm-menu-radio label="Normal" value="1" />          <vm-menu-radio label="2" value="2" />        </vm-menu-radio-group>      </vm-submenu>    </vm-settings>  </vm-ui></vm-player>

Properties#

PropertyDescriptionTypeDefault
valueThe current value selected for this group.string ∣ undefinedundefined

Events#

EventDescriptionType
vmCheckEmitted when a new radio button is selected for this group.CustomEvent<void>

Slots#

SlotDescription
Used to pass in radio buttons (vm-menu-radio).

Dependencies#

Used by#