primitives
Collapsible
Collapsible — базовый примитив RevueUI (Reka UI + shadcn-совместимый API).
Загрузка превью…
src/ui/collapsible/Collapsible.vue
<script setup lang="ts">
/**
* Порт базового радикс-слоя (registry/bases/radix/ui/collapsible.tsx, MIT).
* Radix CollapsiblePrimitive -> reka-ui Collapsible*, один в один.
*/
import { CollapsibleRoot } from "reka-ui"
</script>
<template>
<CollapsibleRoot data-slot="collapsible">
<slot />
</CollapsibleRoot>
</template>
src/ui/collapsible/CollapsibleContent.vue
<script setup lang="ts">
import { CollapsibleContent } from "reka-ui"
</script>
<template>
<CollapsibleContent data-slot="collapsible-content">
<slot />
</CollapsibleContent>
</template>
src/ui/collapsible/CollapsibleTrigger.vue
<script setup lang="ts">
import { CollapsibleTrigger } from "reka-ui"
</script>
<template>
<CollapsibleTrigger data-slot="collapsible-trigger">
<slot />
</CollapsibleTrigger>
</template>
src/ui/collapsible/index.ts
export { default as Collapsible } from "./Collapsible.vue"
export { default as CollapsibleContent } from "./CollapsibleContent.vue"
export { default as CollapsibleTrigger } from "./CollapsibleTrigger.vue"
Установка
npx shadcn-vue@latest add https://revueui.rootapi.dev/r/collapsible.jsonnpm-зависимости
- reka-ui
Источник: порт из ReUI (Keenthemes, MIT)