AeontelAeontel Docs

Collapsible

Expand / collapse container with animated content.

Usage

TSX
import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
} from "@aeontel/ui";

<Collapsible>
  <CollapsibleTrigger>Toggle</CollapsibleTrigger>
  <CollapsibleContent>Hidden content.</CollapsibleContent>
</Collapsible>;

Exports

Collapsible

Collapsible container root.

TypeScript
Collapsible(props: CollapsiblePrimitive.Root.Props): JSX.Element

CollapsibleTrigger

Button that toggles the collapsible.

TypeScript
CollapsibleTrigger(props: CollapsiblePrimitive.Trigger.Props): JSX.Element

CollapsibleContent

Content shown when the collapsible is open.

TypeScript
CollapsibleContent(props: CollapsiblePrimitive.Panel.Props): JSX.Element