DocsComponents

Smooth Collapse

The missing piece for generic height animations. Animate to and from "height: auto" effortlessly.

SmoothKit solves the complex problem of animating height to "auto" in CSS. Normally, browsers cannot transition between "0" and "auto". This hook calculates the exact pixel height needed, performs the transition, and then resets to auto for responsiveness.

Installation

npm install smoothkit

Usage

typescript

API Reference

Property	Type	Default	Description
duration	number	300	Transition duration in ms.
easing	string	'ease'	CSS easing function.
initialOpen	boolean	false	Whether the content starts expanded.