{"library":"vue-collapsed","type":"library","category":null,"description":"Vue Collapsed is a Vue 3 component that provides dynamic CSS height transitions, enabling smooth expansion and collapse animations for elements, typically used in accordions, collapsible panels, or reveal sections. It intelligently handles transitions to and from `height: auto`, which is traditionally challenging to animate natively with CSS transitions. The current stable version is 1.3.5, with frequent patch and minor releases addressing various edge cases, browser compatibility, and performance improvements, indicating an active development cadence. A key differentiator is its automatic calculation of optimal transition durations (`--vc-auto-duration`), which adapts to the element's height for a natural feel. It also offers robust support for custom CSS transitions and detailed animation control via `data-collapse` attributes, allowing for multi-property animations beyond just height. Furthermore, it includes specific optimizations and fixes for Server-Side Rendering (SSR) environments, aiming to minimize layout shifts and ensure consistent visual states on initial page load.","language":"javascript","status":"active","version":"1.3.5","tags":["javascript","vue","vue-3","vue-collapse","vue-accordion","collapse","accordion","vue-component","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-collapsed","imports":["import { Collapse } from 'vue-collapsed'"]},{"cmd":"yarn add vue-collapsed","imports":[]},{"cmd":"pnpm add vue-collapsed","imports":[]}],"homepage":"https://vue-collapsed.pages.dev/","github":"https://github.com/smastrom/vue-collapsed","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-collapsed","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-collapsed/compatibility"}}