分隔线 / Separator

示例代码

<div className="space-y-4">
  <div className="text-sm font-medium">账号信息</div>
  <Separator />
  <div className="text-sm text-muted-foreground">
    用于把内容区块分隔成清晰层级。
  </div>
</div>

示例代码

<div className="flex items-center gap-3">
  <Button variant="outline" size="sm">编辑</Button>
  <Separator orientation="vertical" className="data-[orientation=vertical]:h-5" />
  <Button variant="outline" size="sm">归档</Button>
  <Separator orientation="vertical" className="data-[orientation=vertical]:h-5" />
  <Button size="sm">发布</Button>
</div>

示例代码

<Separator className="data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:bg-border/80" />

示例代码

<Separator decorative={false} />