分隔符

在视觉或语义上分离内容。

查看代码

Reka UI

一个开源的 UI 组件库。

博客

文档

源码

特性

从命令行安装此组件。

$ npm add reka-ui

导入所有部分并将其组合。

vue

<script setup>
import { Separator } from 'reka-ui'
</script>

<template>
  <Separator />
</template>

分隔符。

属性	默认	类型
`as`	`'div'`	`AsTag \| 组件` 此组件应渲染为的元素或组件。可通过 `asChild` 覆盖。
`asChild`		`布尔值` 更改默认渲染元素为作为子项传递的元素，合并它们的属性和行为。阅读我们的组合指南了解更多详情。
`装饰性`		`布尔值` 组件是否纯粹为装饰性。当 `true` 时，无障碍相关属性会更新，以便渲染的元素从无障碍树中移除。
`orientation`	`'horizontal'`	`'vertical' \| 'horizontal'` 组件的方向。可以是 `vertical` 或 `horizontal`。默认为 `horizontal`。

数据属性	值
`[data-orientation]`	`"垂直" \| "水平"`