@vavt/message
TypeScript icon, indicating that this package has built-in type declarations

2.0.0 • Public • Published

@vavt/message

原生 js 编写的消息提示组件。包括消息、警告、成功和错误提示。

安装

yarn add @vavt/message

使用

import { message } from '@vavt/message';

// error, success, info, warning
const { close, update } = message.info('这是一条普通信息');

// 更新内容
update('这是更新后的内容');

// 手动关闭
close();

// 关闭全部
message.closeAll();

属性

类型名称 默认值 描述
class ''
single false 是否只显示一个提示
offsetTop 20 单个提示距离上一个提示的距离
duration 3000 该时间后自动关闭,<=0 时不会自动关闭
closeable false 是否显示关闭按钮
darkSelector :root[data-theme=dark] 暗夜模式的选择器,只能通过config配置,不能调用时设置
zIndex 9999

配置方式

配置全局属性

message.config({ duration: 5000 });

在调用时配置

message.warning('这条消息不会自动关闭', { duration: 0 });

Package Sidebar

Install

npm i @vavt/message

Weekly Downloads

23

Version

2.0.0

License

MIT

Unpacked Size

22.3 kB

Total Files

5

Last publish

Collaborators

  • imzbf