Collapse

Expandable panels to group dense content.

Basic Usage

Accordion

Toggle detail panels.

Demo will load when visible.

<script setup lang="ts">
import { ref } from 'vue'

const active = ref(['first'])
</script>

<template>
  <TxCollapse v-model="active">
    <TxCollapseItem title="Getting Started" name="first">
      Starter content goes here.
    </TxCollapseItem>
    <TxCollapseItem title="Advanced" name="second">
      Extra options and settings.
    </TxCollapseItem>
  </TxCollapse>
</template>

API (Lite)

TxCollapse Props

Property	Type	Default	Description
modelValue			Active panel name(s)
accordion			Single panel mode