Components

Separator 分隔线

水平与垂直方向分割线，自动适配主题。

方向

基础信息

分隔线自动适配深浅色主题。

可用性 99.99%

延迟 12ms

丢包 0%

<div class="space-y-4 max-w-md">
  <div class="space-y-1">
    <p class="text-sm text-slate-700 dark:text-slate-300">基础信息</p>
    <Separator />
    <p class="text-sm text-slate-500 dark:text-slate-400">分隔线自动适配深浅色主题。</p>
  </div>
  <div class="flex items-center gap-4 text-sm text-slate-600 dark:text-slate-400">
    <span>可用性 99.99%</span>
    <Separator orientation="vertical" class="h-5" />
    <span>延迟 12ms</span>
    <Separator orientation="vertical" class="h-5" />
    <span>丢包 0%</span>
  </div>
</div>

API 参考

属性	类型	默认值	说明
`orientation`	`'horizontal' \| 'vertical'`	`horizontal`	方向。
`decorative`	`boolean`	`true`	纯装饰（aria-hidden）。