Collapsible

A collapsible element that can be expanded or collapsed.

Third Party Library

This component uses at least one third party library under the hood. Refer to the library's documentation below for more information on the API.

API Documentation

Import

import { Collapsible } from "@aeonkit/react";

Usage

Default

The asChild prop is used to pass a child element as the trigger for the collapsible content.

Preview

Toggle

Code

<Collapsible>
  <Collapsible.Trigger asChild>
    <Button rounded size="sm">
      Toggle
    </Button>
  </Collapsible.Trigger>
  <Collapsible.Content>Content</Collapsible.Content>
</Collapsible>

Props

Collapsible

API Interface: CollapsibleProps

Collapsible.Content

API Interface: CollapsibleContentProps

Collapsible.Trigger

API Interface: CollapsibleTriggerProps