Zum Inhalt springen
fend-ui
Vorschau

Collapsible

Ein einzelner aufklappbarer Bereich für Details, Zusatzoptionen oder längere Erklärungen. Teilt Auslöser, Chevron und die animierte Höhe mit dem Accordion und funktioniert kontrolliert wie unkontrolliert.

Grundform

Ein Auslöser, ein animiertes Panel. Der Chevron dreht sich beim Öffnen um 180°; der Inhalt darf auch nach dem Öffnen weiterwachsen.

Kontrolliert

open und onOpenChange halten den Zustand außerhalb der Komponente, etwa für einen Schalter in der Kopfzeile oder eine URL-Synchronisierung.

Zustand: geschlossen

Playground

Startzustand und Deaktivierung umschalten.