https://github.com/IdeaSpaceVR/aframe-ui-modal-component

Example:
https://github.com/IdeaSpaceVR/aframe-ui-modal-component

Last synced: about 1 year ago
JSON representation

Example:

• Host: GitHub
• URL: https://github.com/IdeaSpaceVR/aframe-ui-modal-component
• Owner: IdeaSpaceVR
• License: mit
• Created: 2016-05-15T04:42:35.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2017-11-10T02:29:07.000Z (over 8 years ago)
• Last Synced: 2025-03-16T11:37:04.914Z (about 1 year ago)
• Language: JavaScript
• Homepage: http://ideaspacevr.github.io/aframe-ui-modal-component/
• Size: 11.7 KB
• Stars: 25
• Watchers: 3
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# aframe-ui-modal-component

Create a modal dialog or floating menu in A-Frame.

### Properties

| Property         | Description                                                                               | Default Value |

| ---------------- | -----------                                                                               | ------------- |

| trigger          | Event to make dialog or menu visible.                                                     | `click`       |

| triggerElement   | Element to which the trigger event listener will be applied.                              | `a-scene`     |

| zpos             | Position the dialog or menu on the z-axis. In meters.                                     | -4            |

### Usage

#### Browser Installation

Install and use by directly including the [browser files](dist):

```html

  My A-Frame Scene

  

  

  

    

            

        

        

        

          

          

          

        

        

  

```

### Examples

- http://ideaspacevr.github.io/aframe-ui-modal-component

- https://www.ideaspacevr.org/themes/ideaspace-360