New:Socket for Asana Is Now Available.Learn more
Get Started

@zachleat/details-utils

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@zachleat/details-utils

Filtering visible child elements based on form field values.

Source
npmnpm
Version
1.0.0
Version published
Weekly downloads
4.7K
-8.5%
Maintainers
1
Weekly downloads
 
Created
Source

<details-utils>

  • Demo

Installation

npm install @zachleat/details-utils

Add details-utils.js to your bundle.

Usage

Wrap <details-utils> around one or more <details> elements to add enhancements to their behavior:

  • Click outside to close (also bind an optional close button)
  • Animate open and close (obeys prefers-reduced-motion)
  • Force open/closed based on:
    • JavaScript
    • Media query (e.g. viewport size, prefers-reduced-motion, even prefers-reduced-data if browsers ever support it 😅)
  • Close via esc Key
    • With optional Media query.
  • Toggle Document Class (toggles a class on <html> when active, useful for modals to disable document overflow)

FAQs

Package last updated on 31 Jan 2022

Related posts