Tabby：轻量级、可访问的纯JavaScript标签切换组件

Tabby：轻量级、可访问的纯JavaScript标签切换组件

tabby Lightweight, accessible vanilla JS toggle tabs. 项目地址: https://gitcode.com/gh_mirrors/tabby/tabby

Tabby 是一个开源项目，提供了一种轻量级且可访问的方式来创建标签切换功能，主要使用 JavaScript 编程语言实现。

1. 项目基础介绍

Tabby 是一个纯 JavaScript 实现的标签切换（Tabs）组件，它不依赖任何外部库或框架。这个项目旨在提供一个简单、易用的标签切换解决方案，同时注重可访问性，确保所有用户都能无障碍使用。Tabby 的代码结构清晰，易于理解和定制，非常适合需要快速集成标签功能的开发者。

2. 核心功能

Tabby 的核心功能包括：

• 无依赖性：不需要任何外部库，只需引入 JavaScript 文件即可使用。
• 可访问性：遵循 WAI-ARIA 标准，为所有标签和内容添加了适当的角色和属性，确保了良好的可访问性。
• 键盘导航：支持键盘操作，用户可以通过箭头键在不同标签之间切换，Home 和 End 键可以快速跳转到第一个或最后一个标签。
• 自定义样式：提供了两种简单的 UI 主题（水平标签和垂直标签），用户可以根据需要修改或完全自定义样式。
• 易于集成：通过简单的 HTML 标签和 JavaScript 初始化代码，可以快速集成到任何网页中。

3. 最近更新的功能

Tabby 在最近的更新中引入了以下新功能：

• 支持多实例：现在可以在一个页面上创建多个标签切换实例。
• 增强的可访问性：对角色和属性进行了优化，以更好地支持可访问性。
• 自定义事件：当活动标签更改时，Tabby 会发出一个自定义事件，允许用户监听和响应标签变化。
• 移除回调函数：现在的版本使用自定义事件代替了之前的回调函数，使得事件处理更加灵活和统一。
• API 方法的增强：添加了 setup 方法，用于动态添加导航项后的 DOM 设置；toggle 方法用于激活特定的标签；destroy 方法用于销毁当前实例。

Tabby 的这些更新进一步增强了其功能性和灵活性，使其成为一个更加完善的开源标签切换组件。

tabby Lightweight, accessible vanilla JS toggle tabs. 项目地址: https://gitcode.com/gh_mirrors/tabby/tabby