@editvr/aframe-dialog-popup-component
Advanced tools
Provides a component that constructs a toggle-able dialog with a title, description, image, and close button.
Provides a component that constructs a toggle-able dialog with a title, description, image, and close button.
For A-Frame.
| Property | Description | Default Value |
|---|---|---|
| title | String containing title. | New Dialog |
| titleColor | Text color of title. | black |
| titleFont | Title font. | mozillavr |
| titleWrapCount | Title entity wrap count. | 24 |
| body | String containing body. | This dialog has no body yet. |
| bodyColor | Text color of body. | black |
| bodyFont | Body font. | mozillavr |
| bodyWrapCount | Body entity wrap count. | 30 |
| openOn | Open/Close event. | click |
| active | Turn dialog on/off. | true |
| openIconImage | Icon image for open button. | None |
| openIconRadius | Radius for open icon. | 0.3 |
| openIconColor | Color for open icon. | white |
| closeIconImage | Icon image for open button. | None |
| closeIconRadius | Radius for close icon. | 0.3 |
| closeIconColor | Color for close icon. | white |
| image | Path to Dialog hero image. | None |
| imageWidth | Dialog hero image width. | 2 |
| imageHeight | Dialog hero image height. | 2 |
| dialogBoxWidth | Dialog box width. | 4 |
| dialogBoxHeight | Dialog box height. | 4 |
| dialogBoxColor | Dialog box background color. | white |
| dialogBoxPadding | Dialog box padding. | 0.2 |
Install and use by directly including the browser files:
<head>
<title>My A-Frame Scene</title>
<script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>
<script src="https://unpkg.com/@editvr/aframe-dialog-popup-component@1.7.2/dist/aframe-dialog-popup-component.min.js"></script>
</head>
<body>
<a-scene>
<a-entity dialog-popup="title: My Title; body: My Body"></a-entity>
</a-scene>
</body>
Install via npm:
npm install @editvr/aframe-dialog-popup-component
Then require and use.
require('aframe');
require('@editvr/aframe-dialog-popup-component');
FAQs
Provides a component that constructs a toggle-able dialog with a title, description, image, and close button.
The npm package @editvr/aframe-dialog-popup-component receives a total of 13 weekly downloads. As such, @editvr/aframe-dialog-popup-component popularity was classified as not popular.
We found that @editvr/aframe-dialog-popup-component demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover the risks of a malicious Python package targeting Discord developers.
Security News
The UK is proposing a bold ban on ransomware payments by public entities to disrupt cybercrime, protect critical services, and lead global cybersecurity efforts.
Security News
Snyk's use of malicious npm packages for research raises ethical concerns, highlighting risks in public deployment, data exfiltration, and unauthorized testing.