1.5.0 • Published 4 months ago

@code-clouds/widget v1.5.0

Weekly downloads
-
License
ISC
Repository
-
Last release
4 months ago

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