reroad-test/2020-ryusei/aframe-master/docs/components/vr-mode-ui.md at f15046a16bd49e11c3cfc9205c2321558810466c

title: vr-mode-ui type: components layout: docs parent_section: components

source_code: src/components/scene/vr-mode-ui.js

The vr-mode-ui component allows disabling of UI such as an Enter VR button, compatibility modal, and orientation modal for mobile. The vr-mode-ui component applies only to the <a-scene> element. If we wish to simply toggle the UI, use CSS instead.

Example

<a-scene vr-mode-ui="enabled: false"></a-scene>

Properties

Property	Description	Default Value
enabled	Whether or not to display UI related to entering VR.	true
enterVRButton	Selector to a custom VR button. On click, the button will enter VR.	''
enterARButton	Selector to a custom AR button. On click, the button will enter AR.	''

Specifying a Custom Enter VR Button

<a-scene
  vr-mode-ui="enterVRButton: #myEnterVRButton; enterARButton: #myEnterARButton">
  <!-- Style the button with images or whatever. -->
  <a id="myEnterVRButton" href="#"></a>
  <a id="myEnterARButton" href="#"></a>
</a-scene>