The Component Gallery 是一个界面组件参考库，定位为面向任何构建用户界面之人的参考资源。其内容基于设计系统世界中的示例，并保持更新。
用途 该站点旨在作为界面组件的参考，帮助用户理解常见组件的名称、含义与使用方式。
规模与内容 根据官方文本，站点收录 60 个组件、95 个设计系统、2,671 个示例。
组件示例 站点对组件给出定义与别名。以下为官方文本中明确列出的组件：
- 轮播（Carousel / Content slider）：一种一次显示多张内容幻灯片（一张或多张）的方式，幻灯片之间的导航可通过滑动、滚动或按钮控制。
- 树视图（Tree view）：用于显示嵌套层级信息，例如目录或目录结构。
- 弹出框（Popover）：从另一个元素上方弹出的元素；与工具提示的区别在于它通常由点击而非悬停触发，并且可以包含交互元素。
- 评分（Rating）：让用户查看和/或设置产品或其它项目的星级评分。
- 手风琴（Accordion）：别名包括 Arrow toggle、Collapse、Collapsible sections、Collapsible、Details、Disclosure、Expandable、Expander、ShowyHideyThing。它是用于切换更多信息显示的交互式标题垂直堆叠；每个项目可以“折叠”，只显示短标签，或“展开”以显示完整内容。
- 引用（Quote）：别名 Pull quote、Block quote。用于显示引文，可以来自某人或其它外部来源，或用于突出当前文档中的一段（拉引）。
- 分页（Pagination）：将信息拆分到多个页面而不是全部显示在单页上的过程；也用于指在这些页面之间导航的界面组件。
- 标签页（Tabs）：别名 Tabbed interface。一种在多个面板之间导航的方式，可减少杂乱并在更小空间内放入更多内容。
设计系统示例 站点收录并列出设计系统及其相关链接与技术栈、特性。官方文本中明确列出的条目包括：
- Polaris：关联 Figma、Shopify，技术为 Web Components，特性包括 Code examples、Usage guidelines、Accessibility、Tone of voice。
- Elastic UI framework：关联 GitHub 与 Figma，技术为 React、CSS-in-JS，特性包括 Code examples、Open source。
- Sainsbury's Design System：关联 Storybook，技术为 React、Sass，特性包括 Usage guidelines、Code examples、Tone of voice。
- Ariakit：关联 GitHub，技术为 React，特性包括 Code examples、Open source、Accessibility。
- SubZero：关联 Storybook、Figma，属于 Axis Bank，特性包括 Accessibility issues。
- Web Awesome：关联 GitHub，技术为 Web Components，特性包括 Open source、Code examples。
- Red Hat design system：关联 GitHub，技术为 Web Components，特性包括 Code examples、Usage guidelines。
- HeroUI：关联 GitHub，技术为 React、Tailwind CSS，特性包括 Code examples、Open source。
使用方式 官方文本未提供具体的使用步骤或操作说明，暂未提供。
适用场景 官方文本说明其面向任何构建用户界面的人，可作为界面组件参考。
限制 官方文本未说明收费、价格、平台限制或效果保证等信息，暂未提供。
