@digital-realty/ix-tabs

中文文档

1.3.6发布于 2026/11/04MITTypeScriptES Module近 30 天下载 2139

Webcomponent ix-tabs following open-wc recommendations

文档目录4 节

Installation
Usage
In React
Demo and Documentation

<ix-tabs>

This webcomponent follows the open-wc recommendation.

Installation

npm i @digital-realty/ix-tabs

Usage

<script type="module">
  import '@digital-realty/ix-tabs/ix-tabs.js';
  import '@digital-realty/ix-tabs/ix-primary-tab.js';
  import '@digital-realty/ix-tabs/ix-secondary-tab.js';
</script>

<ix-tabs>
  <ix-primary-tab>Tab 1</ix-primary-tab>
  <ix-primary-tab>Tab 2</ix-primary-tab>
  <ix-primary-tab>Tab 3</ix-primary-tab>
  <ix-primary-tab>Tab 4</ix-primary-tab>
</ix-tabs>

or

<ix-tabs id="secondary">
  <ix-secondary-tab>Tab 1</ix-secondary-tab>
  <ix-secondary-tab>Tab 2</ix-secondary-tab>
  <ix-secondary-tab>Tab 3</ix-secondary-tab>
</ix-tabs>

or 

scrollButton property can be set on ix-tabs to enable
left and right scroll buttons for overflowing tab sets

active property can be set on individual tabs to set initial active state

<ix-tabs scrollButtons>
  <ix-primary-tab>Tab 1</ix-primary-tab>
  <ix-primary-tab active>Tab 2</ix-primary-tab>
  <ix-primary-tab>Tab 3</ix-primary-tab>
  <ix-primary-tab>Tab 4</ix-primary-tab>
</ix-tabs>

In React

<script type="module">
  import { IxTabs } from '@digital-realty/ix-tabs/IxTabs'
  import { IxPrimaryTab } from '@digital-realty/ix-tabs/IxPrimaryTab'
  import { IxSecondaryTab } from '@digital-realty/ix-tabs/IxSecondaryTab'
</script>

Demo and Documentation

Full documentation and demo are available at DLR Component Gallery.

版本与发布记录

@digital-realty/ix-tabs 共发布 84 个版本，首次发布于 2023/10/11；过去 12 个月发布了 28 个版本。

版本	发布日期	距今
`1.3.6`latest	2026/11/04	9 天前
`1.3.6-GP-6771.565703`alpha	2026/10/31	13 天前
`1.3.5`	2026/10/15	29 天前
`1.3.5-IXUAT-11203.562863`	2026/10/15	29 天前
`1.3.5-IXUAT-11203.562662`	2026/10/14	30 天前
`1.3.5-IXUAT-11203.562612`	2026/10/13	1 个月前

关于 @digital-realty/ix-tabs 的常见问题

@digital-realty/ix-tabs 是什么？

Webcomponent ix-tabs following open-wc recommendations

如何安装 @digital-realty/ix-tabs？

在项目目录运行 npm install @digital-realty/ix-tabs，或使用 pnpm add / yarn add / bun add。

@digital-realty/ix-tabs 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

@digital-realty/ix-tabs 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module，更早的版本需要改用动态 import()。

@digital-realty/ix-tabs 可以商用吗？

@digital-realty/ix-tabs 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

@digital-realty/ix-tabs 的下载量有多少？

根据 npm 官方下载统计，@digital-realty/ix-tabs 在 2026/10/12 – 2026/11/10 这 30 天内被下载 2,139 次，日均约 71 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

@digital-realty/ix-tabs 还在维护吗？

最新版本 1.3.6 发布于 2026/11/04（9 天前）；至今共发布 84 个版本，其中过去 12 个月发布了 28 个；首次发布于 2023/10/11。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。