Collapsible

Aufklappbare Zeilen mit einem Pfeil, der sich in 180ms dreht, und einer gemessenen Höhenanimation; Accordion fasst sie zusammen.

Quelltext

<div className="w-480">
      <Collapsible title="Advanced" hint="2 settings">
        <p className="text-body text-fg-secondary">Timeout overrides and the egress dialect.</p>
      </Collapsible>
    </div>

import { Collapsible, Accordion } from "@logicplanes/kaeso-ui";

Props

children
ReactNode
Der Inhalt, der im geöffneten Zustand erscheint.
defaultOpen
boolean
Ob es anfangs geöffnet ist, wenn die Komponente ihren Zustand selbst verwaltet.
hint
ReactNode
Zweitrangiger Text am Ende der Zeile.
onOpenChange
((open: boolean) => void)
Wird aufgerufen, wenn es sich öffnet oder schließt.
open
boolean
Ob es geöffnet ist, bei gesteuertem Zustand.
title
ReactNode
Die Überschrift, die es öffnet und schließt.