Collapsible

An interactive component which expands/collapses a panel.

Preview

Installation

npm install @matrix-ui/components

Usage

import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@matrix-ui/components'

<Collapsible>
  <CollapsibleTrigger>Toggle Content</CollapsibleTrigger>
  <CollapsibleContent>
    Content that can be expanded or collapsed.
  </CollapsibleContent>
</Collapsible>

Examples

Default Open

Multiple Collapsibles

Disabled State