1.1.8 • Published 5 months ago
@code-cloud/widget v1.1.8
Chat Widget
一个可定制的聊天组件库,用于网页应用程序。
安装
npm install @code-cloud/widget
# 或
yarn add @code-cloud/widget
功能特点
- 浮动聊天图标
- 可自定义的聊天窗口
- 响应式设计
- 易于集成到任何React应用
使用方法
基本用法
import React from 'react';
import { ChatLauncher } from '@code-cloud/widget';
import '@code-cloud/widget/dist/styles.css'; // 导入样式
function App() {
return (
<div className="App">
<h1>我的应用</h1>
<ChatLauncher />
</div>
);
}
export default App;
组件
ChatLauncher
主要组件,包含浮动图标和聊天窗口。
import { ChatLauncher } from '@code-cloud/widget';
<ChatLauncher />
FloatIcon
单独使用浮动图标。
import { FloatIcon } from '@code-cloud/widget';
<FloatIcon onClick={handleClick} position="right" />
ChatWindow
单独使用聊天窗口。
import { ChatWindow } from '@code-cloud/widget';
<ChatWindow visible={true} onClose={handleClose} />
许可证
ISC