Vapor

Vapor 是 如视 VR 业务组件库，基于 React 实现，提供面向 VR 看房等业务场景的 UI 组件与多风格图标库。

🤖 For AI Assistants (Copilot, Cursor, etc.): START HERE → Read llms.txt for a context-optimized documentation index with scenario-based lookup. For the full documentation map, see ai_guides/README.md.

If this package is installed locally, read node_modules/@realsee/vapor/llms.txt directly. If not installed, use a CDN mirror:

• https://cdn.jsdelivr.net/npm/@realsee/vapor@latest/llms.txt
• https://unpkg.com/@realsee/vapor@latest/llms.txt

✨ 特性

• 🧩 React 组件库：面向 VR 业务场景的高质量交互式组件。
• 🖼️ 多风格图标库：丰富的 SVG 图标，每个含 Simple / Solid / Outline 三种风格。
• 🎨 主题系统：内置 arc_beauty / square_simple / minimalist 三套主题。
• 📐 响应式布局：支持 sm / md / lg 断点自适应。

📚 文档 (Documentation)

详细文档请参考 ai_guides 目录，该目录旨在帮助开发者和 AI 助手更好地理解和使用 Vapor。

• 文档首页 (Index)
• 安装指南 (Installation)
• 快速上手 (Quick Start)
• 组件列表 (Components)
• 图标列表 (Symbols)
• 实战用例 (Recipes)
• 文档编写规范 (Guidelines)

🚀 快速开始

安装

npm install @realsee/vapor

基础用法

import { Vapor, Button, Icon, HomeSymbol } from '@realsee/vapor';

function App() {
  return (
    <Vapor theme="arc_beauty">
      <Button
        appearance="solid"
        color="primary"
        icon={<Icon symbol={HomeSymbol} type="solid" />}
      >
        首页
      </Button>
    </Vapor>
  );
}

更多配置详情请查看 安装指南。