DocsComponents

Smooth Transition

Animate height and width to 'auto' automatically. Solves the classic CSS animation limitation.

This hook uses MutationObserver to detect content changes and smoothly animates height from 0 to auto.

Dynamic Content

Installation

npm install smoothkit

typescript

Property	Type	Default	Description
duration	number	300	Transition duration in ms.
property	string	'height'	Property to animate ('height', 'width', or 'both').
easing	string	'cubic-bezier(0.16, 1, 0.3, 1)'	CSS easing function.