UICollapse

UICollapse

Accordion-style collapsible content container.

<template>
  <UICollapse
    :accordion="true"
    arrowPlacement="left"
    :defaultExpandedNames="['1']"
    @itemHeaderClick="handleHeaderClick"
  >
    <UICollapseItem title="Section 1" name="1">
      Content 1
    </UICollapseItem>
  </UICollapse>
</template>

Props

• accordion (boolean): Enable accordion mode
• arrowPlacement (‘left’ | ‘right’): Arrow indicator placement
• defaultExpandedNames (Array): Default expanded section names

Events

• itemHeaderClick: Emitted when a section header is clicked