{"id":20083085,"url":"https://github.com/ideaspacevr/aframe-ui-modal-component","last_synced_at":"2025-05-06T01:30:55.983Z","repository":{"id":57174322,"uuid":"58844389","full_name":"IdeaSpaceVR/aframe-ui-modal-component","owner":"IdeaSpaceVR","description":"Example:","archived":false,"fork":false,"pushed_at":"2017-11-10T02:29:07.000Z","size":12,"stargazers_count":25,"open_issues_count":0,"forks_count":9,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-28T13:56:46.874Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://ideaspacevr.github.io/aframe-ui-modal-component/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IdeaSpaceVR.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-05-15T04:42:35.000Z","updated_at":"2022-05-15T13:28:11.000Z","dependencies_parsed_at":"2022-08-28T20:52:27.396Z","dependency_job_id":null,"html_url":"https://github.com/IdeaSpaceVR/aframe-ui-modal-component","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IdeaSpaceVR%2Faframe-ui-modal-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IdeaSpaceVR%2Faframe-ui-modal-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IdeaSpaceVR%2Faframe-ui-modal-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IdeaSpaceVR%2Faframe-ui-modal-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IdeaSpaceVR","download_url":"https://codeload.github.com/IdeaSpaceVR/aframe-ui-modal-component/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224479087,"owners_count":17318210,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T15:45:49.218Z","updated_at":"2024-11-13T15:45:50.965Z","avatar_url":"https://github.com/IdeaSpaceVR.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# aframe-ui-modal-component\n\nCreate a modal dialog or floating menu in A-Frame.\n\n### Properties\n\n| Property         | Description                                                                               | Default Value |\n| ---------------- | -----------                                                                               | ------------- |\n| trigger          | Event to make dialog or menu visible.                                                     | `click`       |\n| triggerElement   | Element to which the trigger event listener will be applied.                              | `a-scene`     |\n| zpos             | Position the dialog or menu on the z-axis. In meters.                                     | -4            |\n\n### Usage\n\n#### Browser Installation\n\nInstall and use by directly including the [browser files](dist):\n\n```html\n\u003chead\u003e\n  \u003ctitle\u003eMy A-Frame Scene\u003c/title\u003e\n  \u003cscript src=\"https://aframe.io/releases/0.2.0/aframe.min.js\"\u003e\u003c/script\u003e\n  \u003cscript src=\"https://rawgit.com/IdeaSpaceVR/aframe-ui-modal-component/master/dist/aframe-ui-modal-component.min.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\n\u003cbody\u003e\n  \u003ca-scene\u003e\n    \u003ca-entity position=\"0 1.8 5\"\u003e\n            \u003ca-entity camera look-controls\u003e\u003c/a-entity\u003e\n        \u003c/a-entity\u003e\n        \n        \u003ca-entity ui-modal visible=\"false\"\u003e\n          \u003ca-plane width=\"3\" height=\"1\" color=\"red\" position=\"0 -1.2 0\"\u003e\u003c/a-plane\u003e\n          \u003ca-plane width=\"3\" height=\"1\" color=\"green\" position=\"0 0 0\"\u003e\u003c/a-plane\u003e\n          \u003ca-plane width=\"3\" height=\"1\" color=\"blue\" position=\"0 1.2 0\"\u003e\u003c/a-plane\u003e\n        \u003c/a-entity\u003e\n\n        \u003ca-sky src=\"images/sky.jpg\"\u003e\u003c/a-sky\u003e\n  \u003c/a-scene\u003e\n\u003c/body\u003e\n```\n\n### Examples\n\n- http://ideaspacevr.github.io/aframe-ui-modal-component\n- https://www.ideaspacevr.org/themes/ideaspace-360\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fideaspacevr%2Faframe-ui-modal-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fideaspacevr%2Faframe-ui-modal-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fideaspacevr%2Faframe-ui-modal-component/lists"}