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.fastdom
    - 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