Content pop-up component
This component displays content either in a tooltip (on wider screens, e.g. computers and tablets) or a panel that slides in from the bottom (on narrower screens, e.g. phones), switching between the two dynamically as the viewport changes width. Depends on the Tooltip and Off-canvas components.
View demo
Definition
id: content_popup title: 'Content pop-up' description: 'This component displays content either in a tooltip (on wider screens, e.g. computers and tablets) or a panel that slides in from the bottom (on narrower screens, e.g. phones), switching between the two dynamically as the viewport changes width. Depends on the Tooltip and Off-canvas components.' class: Drupal\ambientimpact_ux\Plugin\AmbientImpact\Component\ContentPopUp provider: ambientimpact_ux
Configuration
{ }
Libraries
component.content_popup: css: component: components/content_popup/content_popup.css: { } js: components/content_popup/content_popup.js: attributes: defer: true dependencies: - ambientimpact_core/component.media_query - ambientimpact_ux/component.offcanvas - ambientimpact_ux/component.tooltip - ambientimpact_core/framework component.content_popup.demo: js: components/content_popup/content_popup.demo.js: attributes: defer: true dependencies: - ambientimpact_ux/component.content_popup - ambientimpact_web_components/component.component_demo - ambientimpact_core/framework