Details component

Provides animations for <details> elements loosely based on How to Animate the Details Element on CSS-Tricks but with significant code quality and accessibility improvements. View demo
id: details
title: Details
description: "Provides animations for <details> elements loosely based on How to Animate the Details Element on CSS-Tricks but with significant code quality and accessibility improvements."
class: Drupal\ambientimpact_ux\Plugin\AmbientImpact\Component\Details
provider: ambientimpact_ux
{  }
component.details.animated:
  css:
    component:
      components/details/details.animated.css: {  }
  js:
    components/details/details.animated.js:
      attributes:
        defer: true
  dependencies:
    - ambientimpact_core/ally.js
    - ambientimpact_core/component.fastdom
    - ambientimpact_ux/motion_one
    - ambientimpact_core/framework
component.details.demo:
  js:
    components/details/details.demo.js:
      attributes:
        defer: true
  dependencies:
    - ambientimpact_ux/component.details.animated
    - ambientimpact_core/framework