可折叠组件

一个可展开/折叠面板的交互式组件。

Component Source API Reference

@peduarte starred 3 repositories

@radix-ui/primitives

安装 ​

pnpm dlx shadcn-vue@latest add collapsible

用法 ​

vue
<script setup lang="ts">
import { ref } from 'vue'
import {
  Collapsible,
  CollapsibleContent,
  CollapsibleTrigger,
} from '@/components/ui/collapsible'

const isOpen = ref(false)
</script>

<template>
  <Collapsible v-model:open="isOpen">
    <CollapsibleTrigger>我可以在我的项目中使用这个吗？</CollapsibleTrigger>
    <CollapsibleContent>
      是的。可免费用于个人和商业项目。无需注明出处。
    </CollapsibleContent>
  </Collapsible>
</template>
Edit this page on GitHub