Timelinx

CollapsibleSection

Accordion-style section that expands and collapses to show or hide content

CollapsibleSection renders a clickable header with a chevron that toggles visibility of its children. Useful for grouping inspector properties or settings into collapsible groups.

Live Example

Loading...

Usage

import { CollapsibleSection } from '@timelinx/ui';

<CollapsibleSection title="Transform" defaultOpen={true}>
  <PositionControls />
</CollapsibleSection>

<CollapsibleSection title="Opacity" defaultOpen={false}>
  <OpacityControls />
</CollapsibleSection>

Props

Prop

Type

Standalone

CollapsibleSection is a standalone component - no context providers needed.

On this page