Disclosure (CSS Animation)

WAI-ARIA compliant disclosure pattern implementation in TypeScript. Using the <details> and <summary> element.

Install

npm i @y14e/disclosure-css

// npm
import Disclosure from '@y14e/disclosure-css';

// CDNs
import Disclosure from 'https://esm.sh/@y14e/disclosure-css'
// or
import Disclosure from 'https://cdn.jsdelivr.net/npm/@y14e/disclosure-css/+esm';
// or
import Disclosure from 'https://unpkg.com/@y14e/disclosure-css/dist/index.js';

Usage

new Disclosure(root);
// => Disclosure

📦 APIs

open

disclosure.open(details);
// => void
//
// details: HTMLDetailsElement

close

disclosure.close(details);
// => void
//
// details: HTMLDetailsElement

destroy

Destroys the instance and cleans up all event listeners.

disclosure.destroy();
// => void

Demo

• https://y14e.github.io/disclosure-css/