Version Badge

Version Badge 组件用于显示 API 版本号、组件版本或其他版本信息，提供清晰的版本标识。

Open in

不同版本号

v1.0.0v2.1.3v3.0.0-beta.1v1.2.3-alphav4.5.6-rc.2

自定义样式

v1.0.0v2.0.0v3.0.0

在文本中使用

当前 API 版本: v1.2.3

最新稳定版: v2.0.0测试版: v2.1.0-beta.1

安装

使用方法

import { VersionBadge } from "@/components/pivot/version-badge";

<VersionBadge version="v1.0" />

示例

基本用法

<div className="flex items-center gap-2">
  <VersionBadge version="v1.0" />
  <VersionBadge version="v2.1" />
  <VersionBadge version="v3.0-beta" />
</div>

在 API 文档中使用

<div className="space-y-3">
  <div className="flex items-center gap-3 p-3 border rounded">
    <MethodLabel method="GET" />
    <code className="font-mono">/api/v1/users</code>
    <VersionBadge version="v1.0" />
    <DeprecatedBadge />
  </div>
 
  <div className="flex items-center gap-3 p-3 border rounded">
    <MethodLabel method="GET" />
    <code className="font-mono">/api/v2/users</code>
    <VersionBadge version="v2.0" />
  </div>
</div>

API 参考

Props

属性	类型	默认值	描述
`version`	`string`	-	版本号
`className`	`string`	-	额外的 CSS 类名