<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