TSlidedown / 折叠面板

Slidedown provides an expandable/collapsible content area with smooth animation. Supports arrow toggle, border modes, click-anywhere expand, and before-toggle interception. / 折叠面板提供可展开/收起的内容区域，带平滑动画，支持箭头切换、边框模式、任意位置点击展开和切换前拦截。

Props / 属性

Prop	Type / 类型	Default / 默认值	Description / 说明
v-model	boolean	false	Expand/collapse state
arrow	boolean	true	Show expand arrow
border	boolean	true	Show border
clickAnywhereExpand	boolean	false	Click anywhere to expand
beforeToggle	(v: boolean) => boolean | Promise<boolean>	—	Intercept toggle

Basic Usage / 基础用法

<script setup lang="ts">
import { TSlidedown } from '@gulcc/tabler-vue'

const open = ref(false)
</script>

<template>
  <TSlidedown v-model="open">
    <p>Collapsible content / 可折叠内容</p>
  </TSlidedown>
</template>