diff --git a/docs/userguide/nvidia-device/dynamic-mig-support.md b/docs/userguide/nvidia-device/dynamic-mig-support.md
index f3e983532..72da05021 100644
--- a/docs/userguide/nvidia-device/dynamic-mig-support.md
+++ b/docs/userguide/nvidia-device/dynamic-mig-support.md
@@ -2,6 +2,12 @@
title: Enable dynamic MIG feature
---
+import SupportedComponents, { Tag } from '@site/src/components/SupportedComponents';
+
+
+ HAMi
+
+
HAMi now supports dynamic MIG using mig-parted to adjust MIG devices dynamically, including:
- **Dynamic MIG Instance Management**: Users no longer need to operate directly on GPU nodes or use commands like `nvidia-smi -i 0 -mig 1` to manage MIG instances. HAMi-device-plugin will handle this automatically.
diff --git a/docs/userguide/nvidia-device/dynamic-resource-allocation.md b/docs/userguide/nvidia-device/dynamic-resource-allocation.md
index 0791d3da6..8bc69d306 100644
--- a/docs/userguide/nvidia-device/dynamic-resource-allocation.md
+++ b/docs/userguide/nvidia-device/dynamic-resource-allocation.md
@@ -3,6 +3,15 @@ title: Dynamic Resource Allocation
translated: true
---
+import SupportedComponents, { Tag, Requires } from '@site/src/components/SupportedComponents';
+
+
+ HAMi-DRA
+
+
+ CDI Support
+
+
## Introduction
HAMi has supported K8s [DRA](https://kubernetes.io/docs/concepts/scheduling-eviction/dynamic-resource-allocation/) (Dynamic Resource Allocation) on NVIDIA devices. By installing hami-k8s-dra-driver, your cluster scheduler can discover NVIDIA GPU devices on nodes.
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/userguide/nvidia-device/dynamic-mig-support.md b/i18n/zh/docusaurus-plugin-content-docs/current/userguide/nvidia-device/dynamic-mig-support.md
index 01911ecc8..36b87742d 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/userguide/nvidia-device/dynamic-mig-support.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/userguide/nvidia-device/dynamic-mig-support.md
@@ -3,6 +3,12 @@ title: 启用动态 MIG 功能
translated: true
---
+import SupportedComponents, { Tag } from '@site/src/components/SupportedComponents';
+
+
+ HAMi
+
+
## 介绍
**我们现在支持通过使用 mig-parted 动态调整 mig-devices 来支持 dynamic-mig**，包括：
diff --git a/i18n/zh/docusaurus-plugin-content-docs/current/userguide/nvidia-device/dynamic-resource-allocation.md b/i18n/zh/docusaurus-plugin-content-docs/current/userguide/nvidia-device/dynamic-resource-allocation.md
index 5978c9c75..5ade6b007 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/current/userguide/nvidia-device/dynamic-resource-allocation.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/current/userguide/nvidia-device/dynamic-resource-allocation.md
@@ -3,6 +3,15 @@ title: 动态资源分配
translated: true
---
+import SupportedComponents, { Tag, Requires } from '@site/src/components/SupportedComponents';
+
+
+ HAMi-DRA
+
+
+ CDI 支持
+
+
## 介绍
HAMi 已经在 NVIDIA 设备上支持了 K8s [DRA](https://kubernetes.io/docs/concepts/scheduling-eviction/dynamic-resource-allocation/)（动态资源分配）功能。通过安装 hami-k8s-dra-driver 你的集群调度器可以发现节点上的 NVIDIA GPU 设备。
diff --git a/i18n/zh/docusaurus-plugin-content-docs/version-v2.9.0/userguide/nvidia-device/dynamic-mig-support.md b/i18n/zh/docusaurus-plugin-content-docs/version-v2.9.0/userguide/nvidia-device/dynamic-mig-support.md
index 4c3facff9..36b87742d 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/version-v2.9.0/userguide/nvidia-device/dynamic-mig-support.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/version-v2.9.0/userguide/nvidia-device/dynamic-mig-support.md
@@ -3,6 +3,12 @@ title: 启用动态 MIG 功能
translated: true
---
+import SupportedComponents, { Tag } from '@site/src/components/SupportedComponents';
+
+
+ HAMi
+
+
## 介绍
**我们现在支持通过使用 mig-parted 动态调整 mig-devices 来支持 dynamic-mig**，包括：
@@ -89,7 +95,7 @@ nvidia:
memory: 24576
count: 1
- - models: ["A100-SXM4-40GB", "A100-40GB-PCIe", "A100-PCIE-40GB", "A100-SXM4-40GB"]
+ - models: ["A100-SXM4-40GB", "A100-40GB-PCIe", "A100-PCIE-40GB"]
allowedGeometries:
- name: 1g.5gb
memory: 5120
diff --git a/i18n/zh/docusaurus-plugin-content-docs/version-v2.9.0/userguide/nvidia-device/dynamic-resource-allocation.md b/i18n/zh/docusaurus-plugin-content-docs/version-v2.9.0/userguide/nvidia-device/dynamic-resource-allocation.md
index 5978c9c75..5ade6b007 100644
--- a/i18n/zh/docusaurus-plugin-content-docs/version-v2.9.0/userguide/nvidia-device/dynamic-resource-allocation.md
+++ b/i18n/zh/docusaurus-plugin-content-docs/version-v2.9.0/userguide/nvidia-device/dynamic-resource-allocation.md
@@ -3,6 +3,15 @@ title: 动态资源分配
translated: true
---
+import SupportedComponents, { Tag, Requires } from '@site/src/components/SupportedComponents';
+
+
+ HAMi-DRA
+
+
+ CDI 支持
+
+
## 介绍
HAMi 已经在 NVIDIA 设备上支持了 K8s [DRA](https://kubernetes.io/docs/concepts/scheduling-eviction/dynamic-resource-allocation/)（动态资源分配）功能。通过安装 hami-k8s-dra-driver 你的集群调度器可以发现节点上的 NVIDIA GPU 设备。
diff --git a/src/components/SupportedComponents.js b/src/components/SupportedComponents.js
new file mode 100644
index 000000000..0871367d8
--- /dev/null
+++ b/src/components/SupportedComponents.js
@@ -0,0 +1,48 @@
+import React from "react";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import Link from "@docusaurus/Link";
+import styles from "./SupportedComponents.module.css";
+
+const TYPE_CLASSES = {
+ hami: styles.tagHami,
+ volcano: styles.tagVolcano,
+ "hami-dra": styles.tagHamiDra,
+ cdi: styles.tagCdi,
+};
+
+export function Tag({ href, type, children }) {
+ const className = `${styles.tag} ${TYPE_CLASSES[type] || styles.tagDefault}`;
+ if (href) {
+ const to = href.replace(/\.mdx?(#.*)?$/, "$1");
+ return (
+
+ {children}
+
+ );
+ }
+ return {children};
+}
+
+export function Requires({ children }) {
+ const { i18n } = useDocusaurusContext();
+ const label = i18n.currentLocale === "zh" ? "前置要求：" : "Requires:";
+
+ return (
+
+ );
+}
+
+export default function SupportedComponents({ children }) {
+ const { i18n } = useDocusaurusContext();
+ const label = i18n.currentLocale === "zh" ? "支持组件/模式：" : "Supported Components:";
+
+ return (
+
+ );
+}
diff --git a/src/components/SupportedComponents.module.css b/src/components/SupportedComponents.module.css
new file mode 100644
index 000000000..32ddc9998
--- /dev/null
+++ b/src/components/SupportedComponents.module.css
@@ -0,0 +1,61 @@
+.container {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-bottom: 8px;
+ flex-wrap: wrap;
+}
+
+.requiresContainer {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-bottom: 20px;
+ flex-wrap: wrap;
+}
+
+.label {
+ font-size: 0.9rem;
+}
+
+.tags {
+ display: inline-flex;
+ gap: 8px;
+ flex-wrap: wrap;
+}
+
+.tag {
+ display: inline-block;
+ padding: 3px 12px;
+ border-radius: 12px;
+ color: #fff !important;
+ font-weight: 600;
+ font-size: 0.82rem;
+ text-decoration: none !important;
+ transition: opacity 0.2s ease-in-out;
+}
+
+.tag:hover {
+ opacity: 0.9;
+ text-decoration: none !important;
+}
+
+.tagHami {
+ background-color: #065f46;
+}
+
+.tagVolcano {
+ background-color: #1e40af;
+}
+
+.tagHamiDra {
+ background-color: #5b21b6;
+}
+
+.tagCdi {
+ background-color: #075985;
+}
+
+.tagDefault {
+ background-color: #374151;
+}
diff --git a/versioned_docs/version-v2.9.0/userguide/nvidia-device/dynamic-mig-support.md b/versioned_docs/version-v2.9.0/userguide/nvidia-device/dynamic-mig-support.md
index f5bb9c56c..72da05021 100644
--- a/versioned_docs/version-v2.9.0/userguide/nvidia-device/dynamic-mig-support.md
+++ b/versioned_docs/version-v2.9.0/userguide/nvidia-device/dynamic-mig-support.md
@@ -2,6 +2,12 @@
title: Enable dynamic MIG feature
---
+import SupportedComponents, { Tag } from '@site/src/components/SupportedComponents';
+
+
+ HAMi
+
+
HAMi now supports dynamic MIG using mig-parted to adjust MIG devices dynamically, including:
- **Dynamic MIG Instance Management**: Users no longer need to operate directly on GPU nodes or use commands like `nvidia-smi -i 0 -mig 1` to manage MIG instances. HAMi-device-plugin will handle this automatically.
@@ -86,7 +92,7 @@ nvidia:
memory: 24576
count: 1
- - models: ["A100-SXM4-40GB", "A100-40GB-PCIe", "A100-PCIE-40GB", "A100-SXM4-40GB"]
+ - models: ["A100-SXM4-40GB", "A100-40GB-PCIe", "A100-PCIE-40GB"]
allowedGeometries:
- name: 1g.5gb
memory: 5120
diff --git a/versioned_docs/version-v2.9.0/userguide/nvidia-device/dynamic-resource-allocation.md b/versioned_docs/version-v2.9.0/userguide/nvidia-device/dynamic-resource-allocation.md
index 0791d3da6..8bc69d306 100644
--- a/versioned_docs/version-v2.9.0/userguide/nvidia-device/dynamic-resource-allocation.md
+++ b/versioned_docs/version-v2.9.0/userguide/nvidia-device/dynamic-resource-allocation.md
@@ -3,6 +3,15 @@ title: Dynamic Resource Allocation
translated: true
---
+import SupportedComponents, { Tag, Requires } from '@site/src/components/SupportedComponents';
+
+
+ HAMi-DRA
+
+
+ CDI Support
+
+
## Introduction
HAMi has supported K8s [DRA](https://kubernetes.io/docs/concepts/scheduling-eviction/dynamic-resource-allocation/) (Dynamic Resource Allocation) on NVIDIA devices. By installing hami-k8s-dra-driver, your cluster scheduler can discover NVIDIA GPU devices on nodes.