1.5.0 • Published 4 months ago
@code-clouds/widget v1.5.0
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
1.5.0
4 months ago
1.4.9
4 months ago
1.4.8
4 months ago
1.4.7
4 months ago
1.4.6
4 months ago
1.4.5
4 months ago
1.4.3
4 months ago
1.4.2
4 months ago
1.4.1
4 months ago
1.4.0
4 months ago
1.3.9
4 months ago
1.3.8
4 months ago
1.3.7
4 months ago
1.3.6
4 months ago
1.3.5
4 months ago
1.3.4
4 months ago
1.3.3
4 months ago
1.3.2
4 months ago
1.3.1
4 months ago
1.3.0
4 months ago
1.2.9
4 months ago
1.2.8
4 months ago
1.2.7
4 months ago
1.2.6
4 months ago
1.2.5
4 months ago
1.2.4
4 months ago
1.2.3
5 months ago
1.2.2
5 months ago
1.2.1
5 months ago